<!DOCTYPE html>
<html>

<head>
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <title>AdminDesigns - A Responsive HTML5 Admin UI Framework</title>
  <meta name="keywords" content="HTML5 Bootstrap 3 Admin Template UI Theme" />
  <meta name="description" content="AdminDesigns - A Responsive HTML5 Admin UI Framework">
  <meta name="author" content="AdminDesigns">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Font CSS (Via CDN) -->
  <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>

  <!-- Theme CSS -->
  <link rel="stylesheet" type="text/css" href="assets/skin/default_skin/css/theme.css">

  <!-- Admin Forms CSS -->
  <link rel="stylesheet" type="text/css" href="assets/admin-tools/admin-forms/css/admin-forms.css">

  <!-- Favicon -->
  <link rel="shortcut icon" href="assets/img/favicon.ico">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

</head>

<body class="admin-layout-page">

  <!-- Start: Theme Preview Pane -->
  <div id="skin-toolbox">
    <div class="panel">
      <div class="panel-heading">
        <span class="panel-icon">
          <i class="fa fa-gear text-primary"></i>
        </span>
        <span class="panel-title"> Theme Options</span>
      </div>
      <div class="panel-body pn">
        <ul class="nav nav-list nav-list-sm pl15 pt10" role="tablist">
          <li class="active">
            <a href="#toolbox-header" role="tab" data-toggle="tab">Navbar</a>
          </li>
          <li>
            <a href="#toolbox-sidebar" role="tab" data-toggle="tab">Sidebar</a>
          </li>
          <li>
            <a href="#toolbox-settings" role="tab" data-toggle="tab">Misc</a>
          </li>
        </ul>
        <div class="tab-content p20 ptn pb15">
          <div role="tabpanel" class="tab-pane active" id="toolbox-header">
            <form id="toolbox-header-skin">
              <h4 class="mv20">Header Skins</h4>
              <div class="skin-toolbox-swatches">
                <div class="checkbox-custom checkbox-disabled fill mb5">
                  <input type="radio" name="headerSkin" id="headerSkin8" checked value="">
                  <label for="headerSkin8">Light</label>
                </div>
                <div class="checkbox-custom fill checkbox-primary mb5">
                  <input type="radio" name="headerSkin" id="headerSkin1" value="bg-primary">
                  <label for="headerSkin1">Primary</label>
                </div>
                <div class="checkbox-custom fill checkbox-info mb5">
                  <input type="radio" name="headerSkin" id="headerSkin3" value="bg-info">
                  <label for="headerSkin3">Info</label>
                </div>
                <div class="checkbox-custom fill checkbox-warning mb5">
                  <input type="radio" name="headerSkin" id="headerSkin4" value="bg-warning">
                  <label for="headerSkin4">Warning</label>
                </div>
                <div class="checkbox-custom fill checkbox-danger mb5">
                  <input type="radio" name="headerSkin" id="headerSkin5" value="bg-danger">
                  <label for="headerSkin5">Danger</label>
                </div>
                <div class="checkbox-custom fill checkbox-alert mb5">
                  <input type="radio" name="headerSkin" id="headerSkin6" value="bg-alert">
                  <label for="headerSkin6">Alert</label>
                </div>
                <div class="checkbox-custom fill checkbox-system mb5">
                  <input type="radio" name="headerSkin" id="headerSkin7" value="bg-system">
                  <label for="headerSkin7">System</label>
                </div>
                <div class="checkbox-custom fill checkbox-success mb5">
                  <input type="radio" name="headerSkin" id="headerSkin2" value="bg-success">
                  <label for="headerSkin2">Success</label>
                </div>
                <div class="checkbox-custom fill mb5">
                  <input type="radio" name="headerSkin" id="headerSkin9" value="bg-dark">
                  <label for="headerSkin9">Dark</label>
                </div>
              </div>
            </form>
          </div>
          <div role="tabpanel" class="tab-pane" id="toolbox-sidebar">
            <form id="toolbox-sidebar-skin">
              <h4 class="mv20">Sidebar Skins</h4>
              <div class="skin-toolbox-swatches">
                <div class="checkbox-custom fill mb5">
                  <input type="radio" name="sidebarSkin" checked id="sidebarSkin3" value="">
                  <label for="sidebarSkin3">Dark</label>
                </div>
                <div class="checkbox-custom fill checkbox-disabled mb5">
                  <input type="radio" name="sidebarSkin" id="sidebarSkin1" value="sidebar-light">
                  <label for="sidebarSkin1">Light</label>
                </div>
                <div class="checkbox-custom fill checkbox-light mb5">
                  <input type="radio" name="sidebarSkin" id="sidebarSkin2" value="sidebar-light light">
                  <label for="sidebarSkin2">Lighter</label>
                </div>
              </div>
            </form>
          </div>
          <div role="tabpanel" class="tab-pane" id="toolbox-settings">
            <form id="toolbox-settings-misc">
              <h4 class="mv20 mtn">Layout Options</h4>
              <div class="form-group">
                <div class="checkbox-custom fill mb5">
                  <input type="checkbox" checked="" id="header-option">
                  <label for="header-option">Fixed Header</label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox-custom fill mb5">
                  <input type="checkbox" checked="" id="sidebar-option">
                  <label for="sidebar-option">Fixed Sidebar</label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox-custom fill mb5">
                  <input type="checkbox" id="breadcrumb-option">
                  <label for="breadcrumb-option">Fixed Breadcrumbs</label>
                </div>
              </div>
              <div class="form-group">
                <div class="checkbox-custom fill mb5">
                  <input type="checkbox" id="breadcrumb-hidden">
                  <label for="breadcrumb-hidden">Hide Breadcrumbs</label>
                </div>
              </div>
              <h4 class="mv20">Layout Options</h4>
              <div class="form-group">
                <div class="radio-custom mb5">
                  <input type="radio" id="fullwidth-option" checked name="layout-option">
                  <label for="fullwidth-option">Fullwidth Layout</label>
                </div>
              </div>
              <div class="form-group mb20">
                <div class="radio-custom radio-disabled mb5">
                  <input type="radio" id="boxed-option" name="layout-option" disabled>
                  <label for="boxed-option">Boxed Layout
                    <b class="text-muted">(Coming Soon)</b>
                  </label>
                </div>
              </div>
            </form>
          </div>
        </div>
        <div class="form-group mn br-t p15">
          <a href="#" id="clearLocalStorage" class="btn btn-primary btn-block pb10 pt10">Clear LocalStorage</a>
        </div>
      </div>
    </div>
  </div>
  <!-- End: Theme Preview Pane -->

  <!-- Start: Main -->
  <div id="main">

    <!-- Start: Header -->
    <header class="navbar navbar-fixed-top">
      <div class="navbar-branding">
        <a class="navbar-brand" href="dashboard.html">
          <b>Admin</b>Designs
        </a>
        <span id="toggle_sidemenu_l" class="ad ad-lines"></span>
      </div>
      <ul class="nav navbar-nav navbar-left">
        <li>
          <a class="sidebar-menu-toggle" href="#">
            <span class="ad ad-ruby fs18"></span>
          </a>
        </li>
        <li>
          <a class="topbar-menu-toggle" href="#">
            <span class="ad ad-wand fs16"></span>
          </a>
        </li>
        <li class="hidden-xs">
          <a class="request-fullscreen toggle-active" href="#">
            <span class="ad ad-screen-full fs18"></span>
          </a>
        </li>
      </ul>
      <form class="navbar-form navbar-left navbar-search" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search..." value="Search...">
        </div>
      </form>

      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <span class="ad ad-radio-tower fs18"></span>
          </a>
          <ul class="dropdown-menu media-list w350 animated animated-shorter fadeIn" role="menu">
            <li class="dropdown-header">
              <span class="dropdown-title"> Notifications</span>
              <span class="label label-warning">12</span>
            </li>
            <li class="media">
              <a class="media-left" href="#"> <img src="assets/img/avatars/5.jpg" class="mw40" alt="avatar"> </a>
              <div class="media-body">
                <h5 class="media-heading">Article
                  <small class="text-muted">- 08/16/22</small>
                </h5> Last Updated 36 days ago by
                <a class="text-system" href="#"> Max </a>
              </div>
            </li>
            <li class="media">
              <a class="media-left" href="#"> <img src="assets/img/avatars/2.jpg" class="mw40" alt="avatar"> </a>
              <div class="media-body">
                <h5 class="media-heading mv5">Article
                  <small> - 08/16/22</small>
                </h5>
                Last Updated 36 days ago by
                <a class="text-system" href="#"> Max </a>
              </div>
            </li>
            <li class="media">
              <a class="media-left" href="#"> <img src="assets/img/avatars/3.jpg" class="mw40" alt="avatar"> </a>
              <div class="media-body">
                <h5 class="media-heading">Article
                  <small class="text-muted">- 08/16/22</small>
                </h5> Last Updated 36 days ago by
                <a class="text-system" href="#"> Max </a>
              </div>
            </li>
            <li class="media">
              <a class="media-left" href="#"> <img src="assets/img/avatars/4.jpg" class="mw40" alt="avatar"> </a>
              <div class="media-body">
                <h5 class="media-heading mv5">Article
                  <small class="text-muted">- 08/16/22</small>
                </h5> Last Updated 36 days ago by
                <a class="text-system" href="#"> Max </a>
              </div>
            </li>
          </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <span class="flag-xs flag-us"></span> US
          </a>
          <ul class="dropdown-menu pv5 animated animated-short flipInX" role="menu">
            <li>
              <a href="javascript:void(0);">
                <span class="flag-xs flag-in mr10"></span> Hindu </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <span class="flag-xs flag-tr mr10"></span> Turkish </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                <span class="flag-xs flag-es mr10"></span> Spanish </a>
            </li>
          </ul>
        </li>
        <li class="menu-divider hidden-xs">
          <i class="fa fa-circle"></i>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle fw600 p15" data-toggle="dropdown"> <img src="assets/img/avatars/1.jpg" alt="avatar" class="mw30 br64 mr15"> John.Smith
            <span class="caret caret-tp hidden-xs"></span>
          </a>
          <ul class="dropdown-menu list-group dropdown-persist w250" role="menu">
            <li class="dropdown-header clearfix">
              <div class="pull-left ml10">
                <select id="user-status">
                  <optgroup label="Current Status:">
                    <option value="1-1">Away</option>
                    <option value="1-2">Offline</option>
                    <option value="1-3" selected="selected">Online</option>
                  </optgroup>
                </select>
              </div>

              <div class="pull-right mr10">
                <select id="user-role">
                  <optgroup label="Logged in As:">
                    <option value="1-1">Client</option>
                    <option value="1-2">Editor</option>
                    <option value="1-3" selected="selected">Admin</option>
                  </optgroup>
                </select>
              </div>

            </li>
            <li class="list-group-item">
              <a href="#" class="animated animated-short fadeInUp">
                <span class="fa fa-envelope"></span> Messages
                <span class="label label-warning">2</span>
              </a>
            </li>
            <li class="list-group-item">
              <a href="#" class="animated animated-short fadeInUp">
                <span class="fa fa-user"></span> Friends
                <span class="label label-warning">6</span>
              </a>
            </li>
            <li class="list-group-item">
              <a href="#" class="animated animated-short fadeInUp">
                <span class="fa fa-gear"></span> Account Settings </a>
            </li>
            <li class="list-group-item">
              <a href="#" class="animated animated-short fadeInUp">
                <span class="fa fa-power-off"></span> Logout </a>
            </li>
          </ul>
        </li>
      </ul>

    </header>
    <!-- End: Header -->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-primary affix">

      <!-- Start: Sidebar Left Content -->
      <div class="sidebar-left-content nano-content">

        <!-- Start: Sidebar Header -->
        <header class="sidebar-header">

          <!-- Sidebar Widget - Menu (Slidedown) -->
          <div class="sidebar-widget menu-widget">
            <div class="row text-center mbn">
              <div class="col-xs-4">
                <a href="dashboard.html" class="text-primary" data-toggle="tooltip" data-placement="top" title="Dashboard">
                  <span class="glyphicon glyphicon-home"></span>
                </a>
              </div>
              <div class="col-xs-4">
                <a href="pages_messages.html" class="text-info" data-toggle="tooltip" data-placement="top" title="Messages">
                  <span class="glyphicon glyphicon-inbox"></span>
                </a>
              </div>
              <div class="col-xs-4">
                <a href="pages_profile.html" class="text-alert" data-toggle="tooltip" data-placement="top" title="Tasks">
                  <span class="glyphicon glyphicon-bell"></span>
                </a>
              </div>
              <div class="col-xs-4">
                <a href="pages_timeline.html" class="text-system" data-toggle="tooltip" data-placement="top" title="Activity">
                  <span class="fa fa-desktop"></span>
                </a>
              </div>
              <div class="col-xs-4">
                <a href="pages_profile.html" class="text-danger" data-toggle="tooltip" data-placement="top" title="Settings">
                  <span class="fa fa-gears"></span>
                </a>
              </div>
              <div class="col-xs-4">
                <a href="pages_gallery.html" class="text-warning" data-toggle="tooltip" data-placement="top" title="Cron Jobs">
                  <span class="fa fa-flask"></span>
                </a>
              </div>
            </div>
          </div>

          <!-- Sidebar Widget - Author (hidden)  -->
          <div class="sidebar-widget author-widget hidden">
            <div class="media">
              <a class="media-left" href="#">
                <img src="assets/img/avatars/3.jpg" class="img-responsive">
              </a>
              <div class="media-body">
                <div class="media-links">
                   <a href="#" class="sidebar-menu-toggle">User Menu -</a> <a href="pages_login(alt).html">Logout</a>
                </div>
                <div class="media-author">Michael Richards</div>
              </div>
            </div>
          </div>

          <!-- Sidebar Widget - Search (hidden) -->
          <div class="sidebar-widget search-widget hidden">
            <div class="input-group">
              <span class="input-group-addon">
                <i class="fa fa-search"></i>
              </span>
              <input type="text" id="sidebar-search" class="form-control" placeholder="Search...">
            </div>
          </div>

        </header>
        <!-- End: Sidebar Header -->

        <!-- Start: Sidebar Menu -->
        <ul class="nav sidebar-menu">
          <li class="sidebar-label pt20">Menu</li>
          <li>
            <a href="pages_calendar.html">
              <span class="fa fa-calendar"></span>
              <span class="sidebar-title">Calendar</span>
              <span class="sidebar-title-tray">
                <span class="label label-xs bg-primary">New</span>
              </span>
            </a>
          </li>
          <li>
            <a href="../README/index.html">
              <span class="glyphicon glyphicon-book"></span>
              <span class="sidebar-title">Documentation</span>
            </a>
          </li>
          <li class="active">
            <a href="dashboard.html">
              <span class="glyphicon glyphicon-home"></span>
              <span class="sidebar-title">Dashboard</span>
            </a>
          </li>
          <li class="sidebar-label pt15">Exclusive Tools</li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="fa fa-columns"></span>
              <span class="sidebar-title">Layout Templates</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa fa-arrows-h"></span>
                  Sidebars
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_sidebar-left-static.html">
                      Left Static </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-left-fixed.html">
                      Left Fixed </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-left-widgets.html">
                      Left Widgets </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-left-minified.html">
                      Left Minified </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-left-light.html">
                      Left White </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-right-static.html">
                      Right Static </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-right-fixed.html">
                      Right Fixed </a>
                  </li>
                  <li>
                    <a href="layout_sidebar-right-menu.html">
                      Right w/Menu </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-arrows-v"></span>
                  Navbar
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_navbar-static.html">
                      Navbar Static </a>
                  </li>
                  <li>
                    <a href="layout_navbar-fixed.html">
                      Navbar Fixed </a>
                  </li>
                  <li>
                    <a href="layout_navbar-menus.html">
                      Navbar Menus </a>
                  </li>
                  <li>
                    <a href="layout_navbar-contextual.html">
                      Contextual Example </a>
                  </li>
                  <li>
                    <a href="layout_navbar-search-alt.html">
                      Search Alt Style </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-hand-o-up"></span>
                  Topbar
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_topbar.html">
                      Default Style </a>
                  </li> 
                  <li>
                    <a href="layout_topbar-menu.html">
                      Default w/Menu </a>
                  </li>  
                  <li>
                    <a href="layout_topbar-alt.html">
                      Alternate Style </a>
                  </li>  
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-arrows-v"></span>
                  Content Body
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_content-blank.html">
                      Blank Starter </a>
                  </li>
                  <li>
                    <a href="layout_content-fixed.html">
                      Fixed Window </a>
                  </li>
                  <li>
                    <a href="layout_content-heading.html">
                      Content Heading </a>
                  </li>
                  <li>
                    <a href="layout_content-tabs.html">
                      Content Tabs </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-pause"></span>
                  Content Trays
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_tray-left.html">
                      Tray Left Static </a>
                  </li> 
                  <li>
                    <a href="layout_tray-left-fixed.html">
                      Tray Left Fixed </a>
                  </li> 
                  <li>
                    <a href="layout_tray-right.html">
                      Tray Right Static </a>
                  </li> 
                  <li>
                    <a href="layout_tray-right-fixed.html">
                      Tray Right Fixed </a>
                  </li> 
                  <li>
                    <a href="layout_tray-both.html">
                      Left + Right Static </a>
                  </li> 
                  <li>
                    <a href="layout_tray-both-fixed.html">
                      Left + Right Fixed </a>
                  </li> 
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-plus-square-o"></span>
                  Boxed Layout
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_boxed.html">
                      Default </a>
                  </li>
                  <li>
                    <a href="layout_boxed-horizontal.html">
                      Horizontal Menu </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-arrow-circle-o-up"></span>
                  Horizontal Menu
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="layout_horizontal-sm.html">
                      Small Size</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-md.html">
                      Medium Size</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-lg.html">
                      Large Size</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-light.html">
                      Light Skin</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-topbar.html">
                      With Topbar</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-topbar-alt.html">
                      With Alt Topbar</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-collapsed.html">
                      Collapsed onLoad</a>
                  </li>
                  <li>
                    <a href="layout_horizontal-boxed.html">
                      In Boxed Layout</a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="glyphicon glyphicon-fire"></span>
              <span class="sidebar-title">Admin Plugins</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a href="admin_plugins-panels.html">
                  <span class="glyphicon glyphicon-book"></span> Admin Panels </a>
              </li>
              <li>
                <a href="admin_plugins-modals.html">
                  <span class="glyphicon glyphicon-modal-window"></span> Admin Modals </a>
              </li>
              <li>
                <a href="admin_plugins-dock.html">
                  <span class="glyphicon glyphicon-equalizer"></span> Admin Dock </a>
              </li>
            </ul>
          </li>
          <li>
            <a class="accordion-toggle menu-open" href="#">
              <span class="glyphicon glyphicon-check"></span>
              <span class="sidebar-title">Admin Forms</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a href="admin_forms-elements.html">
                  <span class="glyphicon glyphicon-edit"></span> Admin Elements </a>
              </li>
              <li>
                <a href="admin_forms-widgets.html">
                  <span class="glyphicon glyphicon-calendar"></span> Admin Widgets </a>
              </li>
              <li>
                <a href="admin_forms-validation.html">
                  <span class="glyphicon glyphicon-check"></span> Admin Validation </a>
              </li>
              <li class="active">
                <a href="admin_forms-layouts.html">
                  <span class="fa fa-desktop"></span> Admin Layouts </a>
              </li>
              <li>
                <a href="admin_forms-wizard.html">
                  <span class="fa fa-clipboard"></span> Admin Wizard </a>
              </li>
            </ul>
          </li>

          <li class="sidebar-label pt20">Systems</li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="fa fa-diamond"></span>
              <span class="sidebar-title">Widget Packages</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a href="widgets_tile.html">
                  <span class="fa fa-cube"></span> Tile Widgets</a>
              </li>
              <li>
                <a href="widgets_panel.html">
                  <span class="fa fa-desktop"></span> Panel Widgets </a>
              </li>
              <li>
                <a href="widgets_scroller.html">
                  <span class="fa fa-columns"></span> Scroller Widgets </a>
              </li>
              <li>
                <a href="widgets_data.html">
                  <span class="fa fa-dot-circle-o"></span> Admin Widgets </a>
              </li>
            </ul>
          </li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="glyphicon glyphicon-shopping-cart"></span>
              <span class="sidebar-title">Ecommerce</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a href="ecommerce_dashboard.html">
                  <span class="glyphicon glyphicon-shopping-cart"></span> Dashboard
                  <span class="label label-xs bg-primary">New</span>
                </a>
              </li>
              <li>
                <a href="ecommerce_products.html">
                  <span class="glyphicon glyphicon-tags"></span> Products </a>
              </li>
              <li>
                <a href="ecommerce_orders.html">
                  <span class="fa fa-money"></span> Orders </a>
              </li>
              <li>
                <a href="ecommerce_customers.html">
                  <span class="fa fa-users"></span> Customers </a>
              </li>
              <li>
                <a href="ecommerce_settings.html">
                  <span class="fa fa-gears"></span> Store Settings </a>
              </li>
            </ul>
          </li>
          <li>
            <a href="email_templates.html">
              <span class="fa fa-envelope-o"></span>
              <span class="sidebar-title">Email Templates</span>
            </a>
          </li>

          <!-- sidebar resources -->
          <li class="sidebar-label pt20">Elements</li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="glyphicon glyphicon-bell"></span>
              <span class="sidebar-title">UI Elements</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a href="ui_alerts.html">
                  <span class="fa fa-warning"></span> Alerts </a>
              </li>
              <li>
                <a href="ui_animations.html">
                  <span class="fa fa-spinner"></span> Animations </a>
              </li>
              <li>
                <a href="ui_buttons.html">
                  <span class="fa fa-plus-square-o"></span> Buttons </a>
              </li>
              <li>
                <a href="ui_typography.html">
                  <span class="fa fa-text-width"></span> Typography </a>
              </li>
              <li>
                <a href="ui_portlets.html">
                  <span class="fa fa-archive"></span> Portlets </a>
              </li>
              <li>
                <a href="ui_progress-bars.html">
                  <span class="fa fa-bars"></span> Progress Bars </a>
              </li>
              <li>
                <a href="ui_tabs.html">
                  <span class="fa fa-toggle-off"></span> Tabs </a>
              </li>
              <li>
                <a href="ui_icons.html">
                  <span class="fa fa-hand-o-right"></span> Icons </a>
              </li>
              <li>
                <a href="ui_grid.html">
                  <span class="fa fa-th-large"></span> Grid </a>
              </li>
            </ul>
          </li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="glyphicon glyphicon-hdd"></span>
              <span class="sidebar-title">Form Elements</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a href="form_inputs.html">
                  <span class="fa fa-magic"></span> Basic Inputs </a>
              </li>
              <li>
                <a href="form_plugins.html">
                  <span class="fa fa-bell-o"></span> Plugin Inputs
                  <span class="label label-xs bg-primary">New</span>
                </a>
              </li>
              <li>
                <a href="form_editors.html">
                  <span class="fa fa-clipboard"></span> Editors </a>
              </li>
              <li>
                <a href="form_treeview.html">
                  <span class="fa fa-tree"></span> Treeview </a>
              </li>
              <li>
                <a href="form_nestable.html">
                  <span class="fa fa-tasks"></span> Nestable </a>
              </li>
              <li>
                <a href="form_image-tools.html">
                  <span class="fa fa-cloud-upload"></span> Image Tools
                  <span class="label label-xs bg-primary">New</span>
                </a>
              </li>
              <li>
                <a href="form_uploaders.html">
                  <span class="fa fa-cloud-upload"></span> Uploaders </a>
              </li>
              <li>
                <a href="form_notifications.html">
                  <span class="fa fa-bell-o"></span> Notifications </a>
              </li>
              <li>
                <a href="form_content-sliders.html">
                  <span class="fa fa-exchange"></span> Content Sliders </a>
              </li>
            </ul>
          </li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="glyphicon glyphicon-tower"></span>
              <span class="sidebar-title">Plugins</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="glyphicon glyphicon-globe"></span> Maps
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="maps_advanced.html">Admin Maps</a>
                  </li>
                  <li>
                    <a href="maps_basic.html">Basic Maps</a>
                  </li>
                  <li>
                    <a href="maps_vector.html">Vector Maps</a>
                  </li>
                  <li>
                    <a href="maps_full.html">Full Map</a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-area-chart"></span> Charts
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="charts_highcharts.html">Highcharts</a>
                  </li>
                  <li>
                    <a href="charts_d3.html">D3 Charts</a>
                  </li>
                  <li>
                    <a href="charts_flot.html">Flot Charts</a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-table"></span> Tables
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="tables_basic.html"> Basic Tables</a>
                  </li>
                  <li>
                    <a href="tables_datatables.html"> DataTables </a>
                  </li>
                  <li>
                    <a href="tables_datatables-editor.html"> Editable Tables </a>
                  </li>
                  <li>
                    <a href="tables_footable.html"> FooTables </a>
                  </li>
                  <li>
                    <a href="tables_pricing.html"> Pricing Tables </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-flask"></span> Misc
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="misc_tour.html"> Site Tour</a>
                  </li>
                  <li>
                    <a href="misc_timeout.html"> Session Timeout</a>
                  </li>
                  <li>
                    <a href="misc_nprogress.html"> Page Progress Loader </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li>
            <a class="accordion-toggle" href="#">
              <span class="glyphicon glyphicon-duplicate"></span>
              <span class="sidebar-title">Pages</span>
              <span class="caret"></span>
            </a>
            <ul class="nav sub-nav">
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-gears"></span> Utility
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="landing-page/landing1/index.html" target="_blank"> Landing Page </a>
                  </li>
                  <li>
                    <a href="pages_confirmation.html" target="_blank"> Confirmation
                      <span class="label label-xs bg-primary">New</span>
                    </a>
                  </li>
                  <li>
                    <a href="pages_login.html" target="_blank"> Login </a>
                  </li>
                  <li>
                    <a href="pages_login(alt).html" target="_blank"> Login Alt
                      <span class="label label-xs bg-primary">New</span>
                    </a>
                  </li>
                  <li>
                    <a href="pages_register.html" target="_blank"> Register </a>
                  </li>
                  <li>
                    <a href="pages_register(alt).html" target="_blank"> Register Alt
                      <span class="label label-xs bg-primary">New</span>
                    </a>
                  </li>
                  <li>
                    <a href="pages_screenlock.html" target="_blank"> Screenlock </a>
                  </li>
                  <li>
                    <a href="pages_screenlock(alt).html" target="_blank"> Screenlock Alt
                      <span class="label label-xs bg-primary">New</span>
                    </a>
                  </li>
                  <li>
                    <a href="pages_forgotpw.html" target="_blank"> Forgot Password </a>
                  </li>
                  <li>
                    <a href="pages_forgotpw(alt).html" target="_blank"> Forgot Password Alt
                      <span class="label label-xs bg-primary">New</span>
                    </a>
                  </li>
                  <li>
                    <a href="pages_coming-soon.html" target="_blank"> Coming Soon
                    </a>
                  </li>
                  <li>
                    <a href="pages_404.html"> 404 Error </a>
                  </li>
                  <li>
                    <a href="pages_500.html"> 500 Error </a>
                  </li>
                  <li>
                    <a href="pages_404(alt).html"> 404 Error Alt </a>
                  </li>
                  <li>
                    <a href="pages_500(alt).html"> 500 Error Alt </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-desktop"></span> Basic
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="pages_search-results.html">Search Results
                      <span class="label label-xs bg-primary">New</span>
                    </a>
                  </li>
                  <li>
                    <a href="pages_profile.html"> Profile </a>
                  </li>
                  <li>
                    <a href="pages_timeline.html"> Timeline Split </a>
                  </li>
                  <li>
                    <a href="pages_timeline-single.html"> Timeline Single </a>
                  </li>
                  <li>
                    <a href="pages_faq.html"> FAQ Page </a>
                  </li>
                  <li>
                    <a href="pages_calendar.html"> Calendar </a>
                  </li>
                  <li>
                    <a href="pages_messages.html"> Messages </a>
                  </li>
                  <li>
                    <a href="pages_messages(alt).html"> Messages Alt </a>
                  </li>
                  <li>
                    <a href="pages_gallery.html"> Gallery </a>
                  </li>
                </ul>
              </li>
              <li>
                <a class="accordion-toggle" href="#">
                  <span class="fa fa-usd"></span> Misc
                  <span class="caret"></span>
                </a>
                <ul class="nav sub-nav">
                  <li>
                    <a href="pages_invoice.html"> Printable Invoice </a>
                  </li>
                  <li>
                    <a href="pages_blank.html"> Blank </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>

          <!-- sidebar bullets -->
          <li class="sidebar-label pt20">Projects</li>
          <li class="sidebar-proj">
            <a href="#projectOne">
              <span class="fa fa-dot-circle-o text-primary"></span>
              <span class="sidebar-title">Website Redesign</span>
            </a>
          </li>
          <li class="sidebar-proj">
            <a href="#projectTwo">
              <span class="fa fa-dot-circle-o text-info"></span>
              <span class="sidebar-title">Ecommerce Panel</span>
            </a>
          </li>
          <li class="sidebar-proj">
            <a href="#projectTwo">
              <span class="fa fa-dot-circle-o text-danger"></span>
              <span class="sidebar-title">Adobe Mockup</span>
            </a>
          </li>
          <li class="sidebar-proj">
            <a href="#projectThree">
              <span class="fa fa-dot-circle-o text-warning"></span>
              <span class="sidebar-title">SSD Upgrades</span>
            </a>
          </li>

          <!-- sidebar progress bars -->
          <li class="sidebar-label pt25 pb10">User Stats</li>
          <li class="sidebar-stat">
            <a href="#projectOne" class="fs11">
              <span class="fa fa-inbox text-info"></span>
              <span class="sidebar-title text-muted">Email Storage</span>
              <span class="pull-right mr20 text-muted">35%</span>
              <div class="progress progress-bar-xs mh20 mb10">
                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 35%">
                  <span class="sr-only">35% Complete</span>
                </div>
              </div>
            </a>
          </li>
          <li class="sidebar-stat">
            <a href="#projectOne" class="fs11">
              <span class="fa fa-dropbox text-warning"></span>
              <span class="sidebar-title text-muted">Bandwidth</span>
              <span class="pull-right mr20 text-muted">58%</span>
              <div class="progress progress-bar-xs mh20">
                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 58%">
                  <span class="sr-only">58% Complete</span>
                </div>
              </div>
            </a>
          </li>
        </ul>
        <!-- End: Sidebar Menu -->

	      <!-- Start: Sidebar Collapse Button -->
	      <div class="sidebar-toggle-mini">
	        <a href="#">
	          <span class="fa fa-sign-out"></span>
	        </a>
	      </div>
	      <!-- End: Sidebar Collapse Button -->

      </div>
      <!-- End: Sidebar Left Content -->

    </aside>

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

      <!-- Start: Topbar-Dropdown -->
      <div id="topbar-dropmenu">
        <div class="topbar-menu row">
          <div class="col-xs-4 col-sm-2">
            <a href="#" class="metro-tile">
              <span class="metro-icon glyphicon glyphicon-inbox"></span>
              <p class="metro-title">Messages</p>
            </a>
          </div>
          <div class="col-xs-4 col-sm-2">
            <a href="#" class="metro-tile">
              <span class="metro-icon glyphicon glyphicon-user"></span>
              <p class="metro-title">Users</p>
            </a>
          </div>
          <div class="col-xs-4 col-sm-2">
            <a href="#" class="metro-tile">
              <span class="metro-icon glyphicon glyphicon-headphones"></span>
              <p class="metro-title">Support</p>
            </a>
          </div>
          <div class="col-xs-4 col-sm-2">
            <a href="#" class="metro-tile">
              <span class="metro-icon fa fa-gears"></span>
              <p class="metro-title">Settings</p>
            </a>
          </div>
          <div class="col-xs-4 col-sm-2">
            <a href="#" class="metro-tile">
              <span class="metro-icon glyphicon glyphicon-facetime-video"></span>
              <p class="metro-title">Videos</p>
            </a>
          </div>
          <div class="col-xs-4 col-sm-2">
            <a href="#" class="metro-tile">
              <span class="metro-icon glyphicon glyphicon-picture"></span>
              <p class="metro-title">Pictures</p>
            </a>
          </div>
        </div>
      </div>
      <!-- End: Topbar-Dropdown -->

      <!-- Start: Topbar -->
      <header id="topbar">
        <div class="topbar-left">
          <ol class="breadcrumb">
            <li class="crumb-active">
              <a href="dashboard.html">Dashboard</a>
            </li>
            <li class="crumb-icon">
              <a href="dashboard.html">
                <span class="glyphicon glyphicon-home"></span>
              </a>
            </li>
            <li class="crumb-link">
              <a href="dashboard.html">Home</a>
            </li>
            <li class="crumb-trail">Dashboard</li>
          </ol>
        </div>
        <div class="topbar-right">
          <div class="ib topbar-dropdown">
            <label for="topbar-multiple" class="control-label pr10 fs11 text-muted">Reporting Period</label>
            <select id="topbar-multiple" class="hidden">
              <optgroup label="Filter By:">
                <option value="1-1">Last 30 Days</option>
                <option value="1-2" selected="selected">Last 60 Days</option>
                <option value="1-3">Last Year</option>
              </optgroup>
            </select>
          </div>
          <div class="ml15 ib va-m" id="toggle_sidemenu_r">
            <a href="#" class="pl5">
              <i class="fa fa-sign-in fs22 text-primary"></i>
              <span class="badge badge-hero badge-danger">3</span>
            </a>
          </div>
        </div>
      </header>
      <!-- End: Topbar -->

      <!-- Begin: Content -->
      <section id="content" class="table-layout animated fadeIn">

        <!-- begin: .tray-center -->
        <div class="tray tray-center">
          <div class="">

            <!-- Begin: Content Header -->
            <div class="content-header">
              <h2> Admin Forms includes <b class="text-primary">Fifteen Predesigned</b> forms.</h2>
              <p class="lead">Because sometimes shortcuts can be wonderful. More forms coming in the future!</p>
            </div>

            <div class="tab-content mw900 center-block center-children">

              <!-- Comment Form 1 -->
              <div class="admin-form theme-primary tab-pane mw700" id="comment1" role="tabpanel">
                <div class="panel panel-primary heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-rocket"></i>Leave a comment</span>
                  </div>
                  <!-- end .panel-heading section -->

                  <form method="post" action="/" id="form-comment1">
                    <div class="panel-body p25">
                      <div class="section row">
                        <div class="col-md-6">
                          <label for="firstname" class="field prepend-icon">
                            <input type="text" name="firstname" id="firstname" class="gui-input" placeholder="First name...">
                            <label for="firstname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="lastname" class="field prepend-icon">
                            <input type="text" name="lastname" id="lastname" class="gui-input" placeholder="Last name...">
                            <label for="lastname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="email" class="field prepend-icon">
                            <input type="email" name="email" id="email" class="gui-input" placeholder="Email address">
                            <label for="email" class="field-icon">
                              <i class="fa fa-envelope"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="website" class="field prepend-icon">
                            <input type="url" name="website" id="lastname" class="gui-input" placeholder="Website url...">
                            <label for="website" class="field-icon">
                              <i class="fa fa-globe"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section">
                        <label for="comment" class="field prepend-icon">
                          <textarea class="gui-textarea" id="comment" name="comment" placeholder="Your comment"></textarea>
                          <label for="comment" class="field-icon">
                            <i class="fa fa-comments"></i>
                          </label>
                          <span class="input-footer">
                            <strong>DO:</strong>Be awesome.
                            <strong>DO NOT:</strong>Be negative or off topic. We expect a great comment...</span>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->

                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Post Comment</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end: .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Comment Form 2 -->
              <div class="admin-form theme-primary tab-pane mw600" id="comment2" role="tabpanel">
                <div class="panel panel-primary heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-comments"></i> Please comment</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-comment2">
                    <div class="panel-body p25">
                      <div class="section">
                        <label for="names" class="field prepend-icon">
                          <input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
                          <label for="names" class="field-icon">
                            <i class="fa fa-user"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="email" class="field prepend-icon">
                          <input type="email" name="email" id="email" class="gui-input" placeholder="Enter Email...">
                          <label for="email" class="field-icon">
                            <i class="fa fa-envelope"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="website" class="field prepend-icon">
                          <input type="url" name="website" id="website" class="gui-input" placeholder="Website url (optional)...">
                          <label for="website" class="field-icon">
                            <i class="fa fa-globe"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="comment" class="field prepend-icon">
                          <textarea class="gui-textarea" id="comment" name="comment" placeholder="Enter message..."></textarea>
                          <label for="comment" class="field-icon">
                            <i class="fa fa-comments"></i>
                          </label>
                          <span class="input-footer">
                            <strong>USE HTML TAGS:</strong>&lt;blockquote&gt;, &lt;strong&gt;&lt;a&gt;, &lt;b&gt;, &lt;ul&gt;, &lt;li&gt;, &lt;code&gt;</span>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="option">
                          <input type="checkbox" name="check1" checked>
                          <span class="checkbox"></span>Notify me with comment updates</label>
                      </div>
                      <!-- end section -->

                      <div class="section-divider mv40">
                        <span>Just a moment</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section">
                        <span class="rating block">
                          <span class="lbl-text">Rate this article</span>
                          <input class="rating-input" id="five-stars" type="radio" name="article-rate">
                          <label class="rating-star" for="five-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="four-stars" type="radio" name="article-rate">
                          <label class="rating-star" for="four-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="three-stars" type="radio" name="article-rate" checked>
                          <label class="rating-star" for="three-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="two-stars" type="radio" name="article-rate">
                          <label class="rating-star" for="two-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="one-star" type="radio" name="article-rate">
                          <label class="rating-star" for="one-star">
                            <i class="fa fa-star"></i>
                          </label>
                        </span>
                      </div>
                      <!-- end  section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Post Comment</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end: .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Contact Form 1 -->
              <div class="admin-form theme-info tab-pane mw600" id="contact1" role="tabpanel">
                <div class="panel panel-info heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-comments"></i>Contact us</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-contact1">
                    <div class="panel-body p25">
                      <div class="section">
                        <label for="names" class="field prepend-icon">
                          <input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
                          <label for="names" class="field-icon">
                            <i class="fa fa-user"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="email" class="field prepend-icon">
                          <input type="email" name="email" id="email" class="gui-input" placeholder="Enter Email...">
                          <label for="email" class="field-icon">
                            <i class="fa fa-envelope"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="subject" class="field prepend-icon">
                          <input type="text" name="subject" id="subject" class="gui-input" placeholder="Enter subject...">
                          <label for="subject" class="field-icon">
                            <i class="fa fa-lightbulb-o"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="comment" class="field prepend-icon">
                          <textarea class="gui-textarea" id="comment" name="comment" placeholder="Enter message..."></textarea>
                          <label for="comment" class="field-icon">
                            <i class="fa fa-comments"></i>
                          </label>
                          <span class="input-footer">
                            <strong>Hint:</strong>Please enter between 80 - 300 characters.</span>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <div class="smart-widget sm-left sml-80">
                          <label for="verify" class="field prepend-icon">
                            <input type="text" name="verify" id="verify" class="gui-input" placeholder="Solve captcha">
                            <label for="verify" class="field-icon">
                              <i class="fa fa-shield"></i>
                            </label>
                          </label>
                          <label for="verify" class="button">4 + 12</label>
                        </div>
                        <!-- end .smart-widget section -->
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="option">
                          <input type="checkbox" name="check1" checked>
                          <span class="checkbox"></span>Sign me up to the newsletter</label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Submit</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Contact Form 2 -->
              <div class="admin-form theme-info tab-pane mw500" id="contact2" role="tabpanel">
                <div class="panel panel-info heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-comments"></i>Get in touch</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-contact2">
                    <div class="panel-body p25">
                      <div class="section row">
                        <label for="names" class="field-label col-md-5">Your personal names</label>
                        <div class="col-md-7">
                          <label for="names" class="field prepend-icon">
                            <input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
                            <label for="names" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->
                      </div>
                      <!-- end .section row section -->

                      <div class="section row">
                        <label for="email" class="field-label col-md-5">Your email address</label>
                        <div class="col-md-7">
                          <label for="email" class="field prepend-icon">
                            <input type="email" name="email" id="email" class="gui-input" placeholder="example@domain.com...">
                            <label for="email" class="field-icon">
                              <i class="fa fa-envelope"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->
                      </div>
                      <!-- end .section row section -->

                      <div class="section row">
                        <label for="telephone" class="field-label col-md-5">Telephone / mobile</label>
                        <div class="col-md-7">
                          <label for="telephone" class="field prepend-icon">
                            <input type="tel" name="telephone" id="telephone" class="gui-input" placeholder="Enter telephone or mobile...">
                            <label for="telephone" class="field-icon">
                              <i class="fa fa-phone-square"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->
                      </div>
                      <!-- end .section row section -->

                      <div class="section">
                        <label for="comment" class="field-label">Message / Comment</label>
                        <label for="comment" class="field prepend-icon">
                          <textarea class="gui-textarea" id="comment" name="comment"></textarea>
                          <label for="comment" class="field-icon">
                            <i class="fa fa-comments"></i>
                          </label>
                          <span class="input-footer">
                            <strong>Hint:</strong>Please enter between 80 - 300 characters.</span>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="switch switch-round">
                          <input type="checkbox" name="newsletter" id="newsletter" checked>
                          <label for="newsletter" data-on="YES" data-off="NO"></label>
                          <span>Subscribe to our newsletter?</span>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Submit</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Contact Form 3 (Gmap) -->
              <div class="admin-form theme-info tab-pane" id="contact3" role="tabpanel">
                <div class="panel panel-info heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-comments"></i>Get in touch</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-contact3">
                    <div class="panel-body p25">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="section">
                            <label for="names" class="field prepend-icon">
                              <input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
                              <label for="names" class="field-icon">
                                <i class="fa fa-user"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="email" class="field prepend-icon">
                              <input type="email" name="email" id="email" class="gui-input" placeholder="example@domain.com...">
                              <label for="email" class="field-icon">
                                <i class="fa fa-envelope"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="telephone" class="field prepend-icon">
                              <input type="tel" name="telephone" id="telephone" class="gui-input" placeholder="Enter telephone or mobile...">
                              <label for="telephone" class="field-icon">
                                <i class="fa fa-phone-square"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="comment" class="field prepend-icon">
                              <textarea class="gui-textarea" id="comment" name="comment"></textarea>
                              <label for="comment" class="field-icon">
                                <i class="fa fa-comments"></i>
                              </label>
                              <span class="input-footer">
                                <strong>Hint:</strong>Please enter between 80 - 300 characters.</span>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm6 section -->
                        <div class="col-md-6">
                          <div class="map-container">
                            <!-- <div id="map_canvas"></div> -->
                            <iframe width="100%" height="307" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=Disneyland%20Park%2C%20Disneyland%20Drive%2C%20Anaheim%2C%20CA%2C%20United%20States&key=AIzaSyBqf9cjsPAh3rGJPKLCsYL2IeAveGhGJTw&zoom=14"></iframe>
                          </div>
                        </div>
                        <!-- end .colm6 section -->

                      </div>
                      <!-- end .section row section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Submit</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Feedback Form -->
              <div class="admin-form theme-info tab-pane mw600" id="feedback1" role="tabpanel">
                <div class="panel panel-info heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-rocket"></i>Your feedback</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-feedback">
                    <div class="panel-body p25">
                      <div class="section row">
                        <div class="col-md-6">
                          <label for="firstname" class="field prepend-icon">
                            <input type="text" name="firstname" id="firstname" class="gui-input" placeholder="First name...">
                            <label for="firstname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="lastname" class="field prepend-icon">
                            <input type="text" name="lastname" id="lastname" class="gui-input" placeholder="Last name...">
                            <label for="lastname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section">
                        <label for="company" class="field prepend-icon">
                          <input type="text" name="company" id="company" class="gui-input" placeholder="Company">
                          <label for="company" class="field-icon">
                            <i class="fa fa-building-o"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="email" class="field prepend-icon">
                          <input type="email" name="email" id="email" class="gui-input" placeholder="Email address">
                          <label for="email" class="field-icon">
                            <i class="fa fa-envelope"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="mobile" class="field prepend-icon">
                          <input type="tel" name="mobile" id="mobile" class="gui-input" placeholder="Moble contact">
                          <label for="mobile" class="field-icon">
                            <i class="fa fa-phone-square"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="field select">
                          <select id="gender" name="gender">
                            <option value="">Select department...</option>
                            <option value="admin">Administration</option>
                            <option value="sales">Marketing &amp; Sales</option>
                            <option value="tech">Technical</option>
                            <option value="other">Other</option>
                          </select>
                          <i class="arrow double"></i>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="comment" class="field prepend-icon">
                          <textarea class="gui-textarea" id="comment" name="comment" placeholder="Feedback message"></textarea>
                          <label for="comment" class="field-icon">
                            <i class="fa fa-comments"></i>
                          </label>
                          <span class="input-footer">
                            <strong>Hint:</strong>Please enter between 80 - 300 characters.</span>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="spacer mb20"></div>
                      <div class="section">
                        <span class="rating block">
                          <span class="lbl-text">Rate our products</span>
                          <input class="rating-input" id="five-stars" type="radio" name="product-rate">
                          <label class="rating-star" for="five-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="four-stars" type="radio" name="product-rate">
                          <label class="rating-star" for="four-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="three-stars" type="radio" name="product-rate" checked>
                          <label class="rating-star" for="three-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="two-stars" type="radio" name="product-rate">
                          <label class="rating-star" for="two-stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="one-star" type="radio" name="product-rate">
                          <label class="rating-star" for="one-star">
                            <i class="fa fa-star"></i>
                          </label>
                        </span>
                        <span class="rating block">
                          <span class="lbl-text">Rate support team</span>
                          <input class="rating-input" id="5stars" type="radio" name="support-rate">
                          <label class="rating-star" for="5stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="4stars" type="radio" name="support-rate">
                          <label class="rating-star" for="4stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="3stars" type="radio" name="support-rate">
                          <label class="rating-star" for="3stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="2stars" type="radio" name="support-rate" checked>
                          <label class="rating-star" for="2stars">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="1star" type="radio" name="support-rate">
                          <label class="rating-star" for="1star">
                            <i class="fa fa-star"></i>
                          </label>
                        </span>
                        <span class="rating block">
                          <span class="lbl-text">Rate our response</span>
                          <input class="rating-input" id="5s" type="radio" name="response-rate">
                          <label class="rating-star" for="5s">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="4s" type="radio" name="response-rate">
                          <label class="rating-star" for="4s">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="3s" type="radio" name="response-rate">
                          <label class="rating-star" for="3s">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="2s" type="radio" name="response-rate">
                          <label class="rating-star" for="2s">
                            <i class="fa fa-star"></i>
                          </label>
                          <input class="rating-input" id="1s" type="radio" name="response-rate" checked>
                          <label class="rating-star" for="1s">
                            <i class="fa fa-star"></i>
                          </label>
                        </span>
                      </div>
                      <!-- end  section -->

                      <div class="spacer mb25"></div>
                      <div class="mb20">
                        <label class="field-label">Which areas require further improvement?</label>
                      </div>
                      <div class="section row">
                        <div class="col-md-6">
                          <label class="option block mb10">
                            <input type="checkbox" name="response">
                            <span class="checkbox"></span>Response time</label>
                          <label class="option block mb10">
                            <input type="checkbox" name="support">
                            <span class="checkbox"></span>Customer support</label>
                          <label class="option block">
                            <input type="checkbox" name="updates">
                            <span class="checkbox"></span>Product updates</label>
                        </div>
                        <!-- end section -->
                        <div class="col-md-6">
                          <label class="option block mb10">
                            <input type="checkbox" name="invoicing">
                            <span class="checkbox"></span>Timely invoicing</label>
                          <label class="option block mb10">
                            <input type="checkbox" name="social">
                            <span class="checkbox"></span>Social features</label>
                          <label class="option block">
                            <input type="checkbox" name="reports">
                            <span class="checkbox"></span>Reports &amp; analytics</label>
                        </div>
                        <!-- end section -->
                      </div>
                      <!-- end .section row section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Submit Feedback</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Login 1 -->
              <div class="admin-form theme-primary tab-pane mw800" id="login1" role="tabpanel">
                <div class="panel panel-primary heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-sign-in"></i>Login</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-login1">
                    <div class="panel-body p25 pt10">
                      <div class="section-divider mt30 mb40">
                        <span>Sign in With</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section row">
                        <div class="col-md-4">
                          <a href="#" class="button btn-social facebook span-left mr5 btn-block">
                            <span>
                              <i class="fa fa-facebook"></i>
                            </span>Facebook</a>
                        </div>
                        <div class="col-md-4">
                          <a href="#" class="button btn-social twitter span-left mr5 btn-block">
                            <span>
                              <i class="fa fa-twitter"></i>
                            </span>Twitter</a>
                        </div>
                        <div class="col-md-4">
                          <a href="#" class="button btn-social googleplus span-left btn-block">
                            <span>
                              <i class="fa fa-google-plus"></i>
                            </span>Google+</a>
                        </div>
                      </div>
                      <div class="section-divider mv40">
                        <span>OR Login</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section">
                        <label for="username" class="field prepend-icon">
                          <input type="text" name="username" id="username" class="gui-input" placeholder="Enter username">
                          <label for="username" class="field-icon">
                            <i class="fa fa-user"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="password" class="field prepend-icon">
                          <input type="text" name="password" id="password" class="gui-input" placeholder="Enter password">
                          <label for="password" class="field-icon">
                            <i class="fa fa-lock"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="switch block">
                          <input type="checkbox" name="remember" id="remember" checked>
                          <label for="remember" data-on="YES" data-off="NO"></label>
                          <span>Keep me logged in ?</span>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Sign in</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .panel-->
              </div>
              <!-- end: .admin-form -->

              <!-- Login 2 -->
              <div class="admin-form theme-primary tab-pane active" id="login2" role="tabpanel">
                <div class="panel panel-primary heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-sign-in"></i>Login</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-login2">
                    <div class="panel-body p25 pt10">
                      <div class="section row">
                        <div class="col-md-6">
                          <div class="section-divider mv40">
                            <span>Sign in With</span>
                          </div>
                          <!-- .tagline -->

                          <div class="section">
                            <a href="#" class="button btn-social facebook span-left btn-block">
                              <span>
                                <i class="fa fa-facebook"></i>
                              </span>Facebook</a>
                            <a href="#" class="button btn-social twitter span-left btn-block">
                              <span>
                                <i class="fa fa-twitter"></i>
                              </span>Twitter</a>
                            <a href="#" class="button btn-social googleplus span-left btn-block">
                              <span>
                                <i class="fa fa-google-plus"></i>
                              </span>Google+</a>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-6">
                          <div class="section-divider mv40">
                            <span>OR Login</span>
                          </div>
                          <!-- .tagline -->

                          <div class="section">
                            <label for="username" class="field prepend-icon">
                              <input type="text" name="username" id="username" class="gui-input" placeholder="Enter username">
                              <label for="username" class="field-icon">
                                <i class="fa fa-user"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="password" class="field prepend-icon">
                              <input type="text" name="password" id="password" class="gui-input" placeholder="Enter password">
                              <label for="password" class="field-icon">
                                <i class="fa fa-lock"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label class="switch block">
                              <input type="checkbox" name="remember2" id="remember2" checked>
                              <label for="remember2" data-on="YES" data-off="NO"></label>
                              <span>Remember me</span>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                      </div>
                      <!-- end .section row section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Sign in</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

              <!-- Order Form 1 -->
              <div class="admin-form theme-success tab-pane mw700" id="order1" role="tabpanel">
                <div class="panel panel-success heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-truck"></i>Confirm order
                    </span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-order1">
                    <div class="panel-body p25">
                      <div class="section-divider mt20 mb40">
                        <span>You are ordering for</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section row hidden">
                        <div class="col-md-6">
                          <div class="section">
                            <div class="price-box">
                              <h4><sup>$</sup>29
                                <span class="per-month">/month</span>
                              </h4>
                              <h5>Starter</h5>
                              <div class="spacer mt20 mb20"></div>
                              <p>For those looking for something simple to get started.</p>
                              <div class="spacer mt20 mb20"></div>
                              <a href="#" class="button block pushed expand"> Learn more </a>
                            </div>
                            <!-- end .colm-box section -->
                          </div>
                          <!-- end .section section -->

                          <div class="section align-center">
                            <label class="switch">
                              <input type="radio" name="order" id="order1">
                              <label for="order1" data-on="YES" data-off="NO"></label>
                              <span>Select</span>
                            </label>
                          </div>
                          <!-- end  .tc section -->

                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-6">
                          <div class="section">
                            <div class="price-box selected-box">
                              <div class="ribbon-large">
                                <div class="ribbon-inner">POPULAR</div>
                              </div>
                              <h4><sup>$</sup>179
                                <span class="per-month">/month</span>
                              </h4>
                              <h5>Professional</h5>
                              <div class="spacer mt20 mb20"></div>
                              <p>For large enterprises selling over one million plus a year.</p>
                              <div class="spacer mt20 mb20"></div>
                              <a href="#" class="button btn-primary block pushed expand"> Learn more </a>
                            </div>
                            <!-- end .colm-box section -->
                          </div>
                          <!-- end .section section -->

                          <div class="section align-center">
                            <label class="switch">
                              <input type="radio" name="order2" id="orderid2" checked>
                              <label for="orderid2" data-on="YES" data-off="NO"></label>
                              <span>Select</span>
                            </label>
                          </div>
                          <!-- end  .tc section -->

                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="pname" class="field prepend-icon">
                            <input type="text" name="pname" id="pname" class="gui-input" placeholder="Your names...">
                            <label for="pname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="email" class="field prepend-icon">
                            <input type="email" name="email" id="email" class="gui-input" placeholder="Email address">
                            <label for="email" class="field-icon">
                              <i class="fa fa-envelope"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="mobile" class="field prepend-icon">
                            <input type="tel" name="mobile" id="mobile" class="gui-input" placeholder="Tel / moble">
                            <label for="mobile" class="field-icon">
                              <i class="fa fa-phone-square"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="firstaddr" class="field prepend-icon">
                            <input type="text" name="firstaddr" id="firstaddr" class="gui-input" placeholder="Street address">
                            <label for="firstaddr" class="field-icon">
                              <i class="fa fa-map-marker"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->
                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="zip" class="field prepend-icon">
                            <input type="text" name="zip" id="zip" class="gui-input" placeholder="Zip">
                            <label for="zip" class="field-icon">
                              <i class="fa fa-certificate"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="city" class="field prepend-icon">
                            <input type="text" name="city" id="city" class="gui-input" placeholder="City">
                            <label for="city" class="field-icon">
                              <i class="fa fa-building-o"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label class="field select">
                            <select id="location" name="location">
                              <option value="">Select country...</option>
                              <option value="AL">Albania</option>
                              <option value="DZ">Algeria</option>
                              <option value="AD">Andorra</option>
                              <option value="AO">Angola</option>
                              <option value="AI">Anguilla</option>
                              <option value="AG">Antigua and Barbuda</option>
                              <option value="AR">Argentina</option>
                              <option value="AM">Armenia</option>
                              <option value="AW">Aruba</option>
                              <option value="AU">Australia</option>
                              <option value="AT">Austria</option>
                              <option value="AZ">Azerbaijan Republic</option>
                              <option value="BS">Bahamas</option>
                              <option value="BH">Bahrain</option>
                              <option value="BB">Barbados</option>
                              <option value="BE">Belgium</option>
                              <option value="BZ">Belize</option>
                              <option value="BJ">Benin</option>
                              <option value="BM">Bermuda</option>
                              <option value="BT">Bhutan</option>
                              <option value="BO">Bolivia</option>
                              <option value="BA">Bosnia and Herzegovina</option>
                              <option value="BW">Botswana</option>
                              <option value="BR">Brazil</option>
                              <option value="BN">Brunei</option>
                              <option value="BG">Bulgaria</option>
                              <option value="BF">Burkina Faso</option>
                              <option value="BI">Burundi</option>
                              <option value="KH">Cambodia</option>
                              <option value="CA">Canada</option>
                              <option value="CV">Cape Verde</option>
                              <option value="KY">Cayman Islands</option>
                              <option value="TD">Chad</option>
                              <option value="CL">Chile</option>
                              <option value="C2">China Worldwide</option>
                              <option value="CO">Colombia</option>
                              <option value="KM">Comoros</option>
                              <option value="CK">Cook Islands</option>
                              <option value="CR">Costa Rica</option>
                              <option value="HR">Croatia</option>
                              <option value="CY">Cyprus</option>
                              <option value="CZ">Czech Republic</option>
                              <option value="CD">Democratic Republic of the Congo</option>
                              <option value="DK">Denmark</option>
                              <option value="DJ">Djibouti</option>
                              <option value="DM">Dominica</option>
                              <option value="DO">Dominican Republic</option>
                              <option value="EC">Ecuador</option>
                              <option value="EG">Egypt</option>
                              <option value="SV">El Salvador</option>
                              <option value="ER">Eritrea</option>
                              <option value="EE">Estonia</option>
                              <option value="ET">Ethiopia</option>
                              <option value="FK">Falkland Islands</option>
                              <option value="FO">Faroe Islands</option>
                              <option value="FJ">Fiji</option>
                              <option value="FI">Finland</option>
                              <option value="FR">France</option>
                              <option value="GF">French Guiana</option>
                              <option value="PF">French Polynesia</option>
                              <option value="GA">Gabon Republic</option>
                              <option value="GM">Gambia</option>
                              <option value="GE">Georgia</option>
                              <option value="DE">Germany</option>
                              <option value="GI">Gibraltar</option>
                              <option value="GR">Greece</option>
                              <option value="GL">Greenland</option>
                              <option value="GD">Grenada</option>
                              <option value="GP">Guadeloupe</option>
                              <option value="GT">Guatemala</option>
                              <option value="GN">Guinea</option>
                              <option value="GW">Guinea Bissau</option>
                              <option value="GY">Guyana</option>
                              <option value="HN">Honduras</option>
                              <option value="HK">Hong Kong</option>
                              <option value="HU">Hungary</option>
                              <option value="IS">Iceland</option>
                              <option value="IN">India</option>
                              <option value="ID">Indonesia</option>
                              <option value="IE">Ireland</option>
                              <option value="IL">Israel</option>
                              <option value="IT">Italy</option>
                              <option value="JM">Jamaica</option>
                              <option value="JP">Japan</option>
                              <option value="JO">Jordan</option>
                              <option value="KZ">Kazakhstan</option>
                              <option value="KE">Kenya</option>
                              <option value="KI">Kiribati</option>
                              <option value="KW">Kuwait</option>
                              <option value="KG">Kyrgyzstan</option>
                              <option value="LA">Laos</option>
                              <option value="LV">Latvia</option>
                              <option value="LS">Lesotho</option>
                              <option value="LI">Liechtenstein</option>
                              <option value="LT">Lithuania</option>
                              <option value="LU">Luxembourg</option>
                              <option value="MG">Madagascar</option>
                              <option value="MW">Malawi</option>
                              <option value="MY">Malaysia</option>
                              <option value="MV">Maldives</option>
                              <option value="ML">Mali</option>
                              <option value="MT">Malta</option>
                              <option value="MH">Marshall Islands</option>
                              <option value="MQ">Martinique</option>
                              <option value="MR">Mauritania</option>
                              <option value="MU">Mauritius</option>
                              <option value="YT">Mayotte</option>
                              <option value="MX">Mexico</option>
                              <option value="FM">Micronesia</option>
                              <option value="MN">Mongolia</option>
                              <option value="MS">Montserrat</option>
                              <option value="MA">Morocco</option>
                              <option value="MZ">Mozambique</option>
                              <option value="NA">Namibia</option>
                              <option value="NR">Nauru</option>
                              <option value="NP">Nepal</option>
                              <option value="NL">Netherlands</option>
                              <option value="AN">Netherlands Antilles</option>
                              <option value="NC">New Caledonia</option>
                              <option value="NZ">New Zealand</option>
                              <option value="NI">Nicaragua</option>
                              <option value="NE">Niger</option>
                              <option value="NU">Niue</option>
                              <option value="NF">Norfolk Island</option>
                              <option value="NO">Norway</option>
                              <option value="OM">Oman</option>
                              <option value="PW">Palau</option>
                              <option value="PA">Panama</option>
                              <option value="PG">Papua New Guinea</option>
                              <option value="PE">Peru</option>
                              <option value="PH">Philippines</option>
                              <option value="PN">Pitcairn Islands</option>
                              <option value="PL">Poland</option>
                              <option value="PT">Portugal</option>
                              <option value="QA">Qatar</option>
                              <option value="CG">Republic of the Congo</option>
                              <option value="RE">Reunion</option>
                              <option value="RO">Romania</option>
                              <option value="RU">Russia</option>
                              <option value="RW">Rwanda</option>
                              <option value="KN">Saint Kitts and Nevis Anguilla</option>
                              <option value="PM">Saint Pierre and Miquelon</option>
                              <option value="VC">Saint Vincent and Grenadines</option>
                              <option value="WS">Samoa</option>
                              <option value="SM">San Marino</option>
                              <option value="ST">São Tomé and Príncipe</option>
                              <option value="SA">Saudi Arabia</option>
                              <option value="SN">Senegal</option>
                              <option value="RS">Serbia</option>
                              <option value="SC">Seychelles</option>
                              <option value="SL">Sierra Leone</option>
                              <option value="SG">Singapore</option>
                              <option value="SK">Slovakia</option>
                              <option value="SI">Slovenia</option>
                              <option value="SB">Solomon Islands</option>
                              <option value="SO">Somalia</option>
                              <option value="ZA">South Africa</option>
                              <option value="KR">South Korea</option>
                              <option value="ES">Spain</option>
                              <option value="LK">Sri Lanka</option>
                              <option value="SH">St. Helena</option>
                              <option value="LC">St. Lucia</option>
                              <option value="SR">Suriname</option>
                              <option value="SJ">Svalbard and Jan Mayen Islands</option>
                              <option value="SZ">Swaziland</option>
                              <option value="SE">Sweden</option>
                              <option value="CH">Switzerland</option>
                              <option value="TW">Taiwan</option>
                              <option value="TJ">Tajikistan</option>
                              <option value="TZ">Tanzania</option>
                              <option value="TH">Thailand</option>
                              <option value="TG">Togo</option>
                              <option value="TO">Tonga</option>
                              <option value="TT">Trinidad and Tobago</option>
                              <option value="TN">Tunisia</option>
                              <option value="TR">Turkey</option>
                              <option value="TM">Turkmenistan</option>
                              <option value="TC">Turks and Caicos Islands</option>
                              <option value="TV">Tuvalu</option>
                              <option value="UG">Uganda</option>
                              <option value="UA">Ukraine</option>
                              <option value="AE">United Arab Emirates</option>
                              <option value="GB">United Kingdom</option>
                              <option value="US">United States</option>
                              <option value="UY">Uruguay</option>
                              <option value="VU">Vanuatu</option>
                              <option value="VA">Vatican City State</option>
                              <option value="VE">Venezuela</option>
                              <option value="VN">Vietnam</option>
                              <option value="VG">Virgin Islands (British)</option>
                              <option value="WF">Wallis and Futuna Islands</option>
                              <option value="YE">Yemen</option>
                              <option value="ZM">Zambia</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="states" class="field select">
                            <select id="states" name="states">
                              <option value="">Choose state</option>
                              <option value="AL">Alabama</option>
                              <option value="AK">Alaska</option>
                              <option value="AZ">Arizona</option>
                              <option value="AR">Arkansas</option>
                              <option value="CA">California</option>
                              <option value="CO">Colorado</option>
                              <option value="CT">Connecticut</option>
                              <option value="DE">Delaware</option>
                              <option value="DC">District Of Columbia</option>
                              <option value="FL">Florida</option>
                              <option value="GA">Georgia</option>
                              <option value="HI">Hawaii</option>
                              <option value="ID">Idaho</option>
                              <option value="IL">Illinois</option>
                              <option value="IN">Indiana</option>
                              <option value="IA">Iowa</option>
                              <option value="KS">Kansas</option>
                              <option value="KY">Kentucky</option>
                              <option value="LA">Louisiana</option>
                              <option value="ME">Maine</option>
                              <option value="MD">Maryland</option>
                              <option value="MA">Massachusetts</option>
                              <option value="MI">Michigan</option>
                              <option value="MN">Minnesota</option>
                              <option value="MS">Mississippi</option>
                              <option value="MO">Missouri</option>
                              <option value="MT">Montana</option>
                              <option value="NE">Nebraska</option>
                              <option value="NV">Nevada</option>
                              <option value="NH">New Hampshire</option>
                              <option value="NJ">New Jersey</option>
                              <option value="NM">New Mexico</option>
                              <option value="NY">New York</option>
                              <option value="NC">North Carolina</option>
                              <option value="ND">North Dakota</option>
                              <option value="OH">Ohio</option>
                              <option value="OK">Oklahoma</option>
                              <option value="OR">Oregon</option>
                              <option value="PA">Pennsylvania</option>
                              <option value="RI">Rhode Island</option>
                              <option value="SC">South Carolina</option>
                              <option value="SD">South Dakota</option>
                              <option value="TN">Tennessee</option>
                              <option value="TX">Texas</option>
                              <option value="UT">Utah</option>
                              <option value="VT">Vermont</option>
                              <option value="VA">Virginia</option>
                              <option value="WA">Washington</option>
                              <option value="WV">West Virginia</option>
                              <option value="WI">Wisconsin</option>
                              <option value="WY">Wyoming</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end .colm6 section -->
                      </div>
                      <div class="section-divider mt50 mb40">
                        <span>Payment Details</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section mb10">
                        <p class="small-text text-muted">Please choose a preferred method of payment below</p>
                      </div>
                      <!-- end section -->

                      <div class="section mb25">
                        <label class="option">
                          <input type="radio" name="payment" checked>
                          <span class="radio"></span>Credit Card</label>
                        <label class="option">
                          <input type="radio" name="payment">
                          <span class="radio"></span>Paypal</label>
                        <label class="option">
                          <input type="radio" name="payment">
                          <span class="radio"></span>Check</label>
                      </div>
                      <!-- end section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="cardname" class="field prepend-icon">
                            <input type="text" name="cardname" id="cardname" class="gui-input" placeholder="Name on card...">
                            <label for="cardname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="cardno" class="field prepend-icon">
                            <input type="text" name="cardno" id="lastname" class="gui-input" placeholder="Card number...">
                            <label for="cardno" class="field-icon">
                              <i class="fa fa-credit-card"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="cardmonth" class="field select">
                            <select id="cardmonth" name="cardmonth">
                              <option value="">Expiry month...</option>
                              <option value="01">01 - Jan</option>
                              <option value="02">02 - Feb</option>
                              <option value="03">03 - Mar</option>
                              <option value="04">04 - Apr</option>
                              <option value="05">05 - May</option>
                              <option value="06">06 - Jun</option>
                              <option value="07">07 - Jul</option>
                              <option value="08">08 - Aug</option>
                              <option value="09">09 - Sep</option>
                              <option value="10">10 - Oct</option>
                              <option value="11">11 - Nov</option>
                              <option value="12">12 - Dec</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label class="field select">
                            <select id="cardyear" name="cardyear">
                              <option value="">Expiry year...</option>
                              <option value="2014">2014</option>
                              <option value="2015">2015</option>
                              <option value="2016">2016</option>
                              <option value="2017">2017</option>
                              <option value="2018">2018</option>
                              <option value="2019">2019</option>
                              <option value="2020">2020</option>
                              <option value="2021">2021</option>
                              <option value="2022">2022</option>
                              <option value="2023">2023</option>
                              <option value="2024">2024</option>
                              <option value="2025">2025</option>
                              <option value="2026">2026</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="secno" class="field prepend-icon">
                            <input type="text" name="secno" id="secno" class="gui-input" placeholder="Security number...">
                            <b class="tooltip tip-left-top"><em> This is a four diigit number at the back of your card </em></b>
                            <label for="secno" class="field-icon">
                              <i class="fa fa-barcode"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <p>
                            <a href="#" class="theme-link field-align"> What is this? </a>
                          </p>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section">
                        <label class="option">
                          <input type="checkbox" name="info" checked>
                          <span class="checkbox"></span>Save my information
                          <em class="small-text text-muted">(Its safe &amp; secure)</em>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer align-right">
                      <button type="submit" class="button btn-primary">Place Order</button>
                      <button type="reset" class="button">Cancel Order</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

              <!-- Order Form 2 -->
              <div class="admin-form theme-success tab-pane mw700" id="order2" role="tabpanel">
                <div class="panel panel-success heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-comments"></i>Make your order</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-order2">
                    <div class="panel-body p25">
                      <div class="section row">
                        <div class="col-md-6">
                          <div class="section">
                            <label for="names" class="field-label">Your names
                              <em>*</em>
                            </label>
                            <label for="names" class="field prepend-icon">
                              <input type="text" name="names" id="names" class="gui-input" placeholder="Enter first name...">
                              <label for="names" class="field-icon">
                                <i class="fa fa-user"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="othernames" class="field-label">Other names
                              <em>*</em>
                            </label>
                            <label for="othernames" class="field prepend-icon">
                              <input type="text" name="othernames" id="othernames" class="gui-input" placeholder="Enter other name...">
                              <label for="othernames" class="field-icon">
                                <i class="fa fa-user"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="email" class="field-label">Your email address
                              <em>*</em>
                            </label>
                            <label for="email" class="field prepend-icon">
                              <input type="email" name="email" id="email" class="gui-input" placeholder="Enter Email...">
                              <label for="email" class="field-icon">
                                <i class="fa fa-envelope"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-6">
                          <div class="section">
                            <label for="mobile" class="field-label">Telephone / mobile
                              <em>*</em>
                            </label>
                            <label for="mobile" class="field prepend-icon">
                              <input type="tel" name="mobile" id="mobile" class="gui-input" placeholder="Enter mobile">
                              <label for="mobile" class="field-icon">
                                <i class="fa fa-phone-square"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="services" class="field-label">Services required
                              <em>*</em>
                            </label>
                            <label class="field select">
                              <select id="services" name="services">
                                <option value="">Choose a service...</option>
                                <option value="webdesign">Web design</option>
                                <option value="wordpress">Wordpress</option>
                                <option value="identity">Corporate identity</option>
                                <option value="cms">Custom CMS</option>
                              </select>
                              <i class="arrow double"></i>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="budget" class="field-label">Project budget
                              <em>*</em>
                            </label>
                            <label class="field select">
                              <select id="budget" name="budget">
                                <option value="">Select budget...</option>
                                <option value="500-1000">$500 - $1000</option>
                                <option value="1000-2000">$1000 - $2000</option>
                                <option value="2000-4000">$2000 - $4000</option>
                                <option value="5000+">$5000+</option>
                              </select>
                              <i class="arrow double"></i>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                      </div>
                      <!-- end .section row section -->

                      <div class="section">
                        <label for="file1" class="field-label">Upload project samples -
                          <span class="small-text text-muted">(ONLY JPG : PNG : PDF)</span>
                        </label>
                        <label for="file1" class="field prepend-icon file">
                          <span class="button btn-primary">Choose File</span>
                          <input type="file" class="gui-file" name="upload1" id="file1" onChange="document.getElementById('uploader1').value = this.value;">
                          <input type="text" class="gui-input" id="uploader1" placeholder="no file selected" readonly>
                          <label for="comment" class="field-icon">
                            <i class="fa fa-upload"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end  section -->

                      <div class="section">
                        <label for="description" class="field-label">Project description
                          <em>*</em>
                        </label>
                        <label for="description" class="field prepend-icon">
                          <textarea class="gui-textarea" id="description" name="description" placeholder="Write your project description..."></textarea>
                          <label for="description" class="field-icon">
                            <i class="fa fa-file-text"></i>
                          </label>
                          <span class="input-footer">
                            <strong>Hint:</strong>Please be as detailed as possible.</span>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Submit</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

              <!-- Order Form 3 -->
              <div class="admin-form theme-success tab-pane mw700" id="order3" role="tabpanel">
                <div class="panel panel-success heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-shopping-cart"></i> Checkout</span>
                  </div>
                  <!-- end .panel-heading section -->

                  <form method="post" action="/" id="form-order3">
                    <div class="panel-body p25">
                      <div class="section-divider">
                        <span>Personal Information</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section">
                        <label for="firstname" class="field prepend-icon">
                          <input type="text" name="firstname" id="firstname" class="gui-input" placeholder="First name...">
                          <label for="firstname" class="field-icon">
                            <i class="fa fa-user"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="lastname" class="field prepend-icon">
                          <input type="text" name="lastname" id="lastname" class="gui-input" placeholder="Last name...">
                          <label for="lastname" class="field-icon">
                            <i class="fa fa-user"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="email" class="field prepend-icon">
                          <input type="email" name="email" id="email" class="gui-input" placeholder="Email address">
                          <label for="email" class="field-icon">
                            <i class="fa fa-envelope"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="mobile" class="field prepend-icon">
                          <input type="tel" name="mobile" id="mobile" class="gui-input" placeholder="Telephone / moble number">
                          <label for="mobile" class="field-icon">
                            <i class="fa fa-phone-square"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section-divider mv40">
                        <span>Payment Details</span>
                      </div>
                      <!-- .section-divider -->
                      <p class="small-text text-muted mb20">Please choose a preferred method of payment below</p>
                      <div class="section">
                        <label class="field option">
                          <input type="radio" name="payment" checked>
                          <span class="radio"></span>Credit Card</label>
                        <label class="field option">
                          <input type="radio" name="payment">
                          <span class="radio"></span>Paypal</label>
                        <label class="field option">
                          <input type="radio" name="payment">
                          <span class="radio"></span>Check</label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="cardname" class="field prepend-icon">
                          <input type="text" name="cardname" id="cardname" class="gui-input" placeholder="Name on card...">
                          <label for="cardname" class="field-icon">
                            <i class="fa fa-user"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="cardmonth" class="field select">
                            <select id="cardmonth" name="cardmonth">
                              <option value="">Expiryss month...</option>
                              <option value="01">01 - Jan</option>
                              <option value="02">02 - Feb</option>
                              <option value="03">03 - Mar</option>
                              <option value="04">04 - Apr</option>
                              <option value="05">05 - May</option>
                              <option value="06">06 - Jun</option>
                              <option value="07">07 - Jul</option>
                              <option value="08">08 - Aug</option>
                              <option value="09">09 - Sep</option>
                              <option value="10">10 - Oct</option>
                              <option value="11">11 - Nov</option>
                              <option value="12">12 - Dec</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label class="field select">
                            <select id="cardyear" name="cardyear">
                              <option value="">Expiry year...</option>
                              <option value="2014">2014</option>
                              <option value="2015">2015</option>
                              <option value="2016">2016</option>
                              <option value="2017">2017</option>
                              <option value="2018">2018</option>
                              <option value="2019">2019</option>
                              <option value="2020">2020</option>
                              <option value="2021">2021</option>
                              <option value="2022">2022</option>
                              <option value="2023">2023</option>
                              <option value="2024">2024</option>
                              <option value="2025">2025</option>
                              <option value="2026">2026</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section">
                        <label for="cardno" class="field prepend-icon">
                          <input type="text" name="cardno" id="lastname" class="gui-input" placeholder="Card number...">
                          <label for="cardno" class="field-icon">
                            <i class="fa fa-credit-card"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="cardmonth" class="field select">
                            <select id="cardmonth" name="cardmonth">
                              <option value="">Expiry month...</option>
                              <option value="01">01 - Jan</option>
                              <option value="02">02 - Feb</option>
                              <option value="03">03 - Mar</option>
                              <option value="04">04 - Apr</option>
                              <option value="05">05 - May</option>
                              <option value="06">06 - Jun</option>
                              <option value="07">07 - Jul</option>
                              <option value="08">08 - Aug</option>
                              <option value="09">09 - Sep</option>
                              <option value="10">10 - Oct</option>
                              <option value="11">11 - Nov</option>
                              <option value="12">12 - Dec</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label class="field select">
                            <select id="cardyear" name="cardyear">
                              <option value="">Expiry year...</option>
                              <option value="2014">2014</option>
                              <option value="2015">2015</option>
                              <option value="2016">2016</option>
                              <option value="2017">2017</option>
                              <option value="2018">2018</option>
                              <option value="2019">2019</option>
                              <option value="2020">2020</option>
                              <option value="2021">2021</option>
                              <option value="2022">2022</option>
                              <option value="2023">2023</option>
                              <option value="2024">2024</option>
                              <option value="2025">2025</option>
                              <option value="2026">2026</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="secno" class="field prepend-icon">
                            <input type="text" name="secno" id="secno" class="gui-input" placeholder="Security number...">
                            <b class="tooltip tip-left-top"><em> This is a four diigit number at the back of your card </em></b>
                            <label for="secno" class="field-icon">
                              <i class="fa fa-barcode"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <p class="field-align">
                            <a href="#" class="theme-link"> What is this? </a>
                          </p>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section-divider mv40">
                        <span>Shipping Address</span>
                      </div>
                      <!-- .tagline -->

                      <div class="section">
                        <label for="firstaddr" class="field prepend-icon">
                          <input type="text" name="firstaddr" id="firstaddr" class="gui-input" placeholder="Street address">
                          <label for="firstaddr" class="field-icon">
                            <i class="fa fa-building-o"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="lastaddr" class="field prepend-icon">
                          <input type="text" name="lastaddr" id="lastaddr" class="gui-input" placeholder="Street address 2">
                          <label for="lastaddr" class="field-icon">
                            <i class="fa fa-map-marker"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="field select">
                          <select id="location" name="location">
                            <option value="">Select country...</option>
                            <option value="AL">Albania</option>
                            <option value="DZ">Algeria</option>
                            <option value="AD">Andorra</option>
                            <option value="AO">Angola</option>
                            <option value="AI">Anguilla</option>
                            <option value="AG">Antigua and Barbuda</option>
                            <option value="AR">Argentina</option>
                            <option value="AM">Armenia</option>
                            <option value="AW">Aruba</option>
                            <option value="AU">Australia</option>
                            <option value="AT">Austria</option>
                            <option value="AZ">Azerbaijan Republic</option>
                            <option value="BS">Bahamas</option>
                            <option value="BH">Bahrain</option>
                            <option value="BB">Barbados</option>
                            <option value="BE">Belgium</option>
                            <option value="BZ">Belize</option>
                            <option value="BJ">Benin</option>
                            <option value="BM">Bermuda</option>
                            <option value="BT">Bhutan</option>
                            <option value="BO">Bolivia</option>
                            <option value="BA">Bosnia and Herzegovina</option>
                            <option value="BW">Botswana</option>
                            <option value="BR">Brazil</option>
                            <option value="BN">Brunei</option>
                            <option value="BG">Bulgaria</option>
                            <option value="BF">Burkina Faso</option>
                            <option value="BI">Burundi</option>
                            <option value="KH">Cambodia</option>
                            <option value="CA">Canada</option>
                            <option value="CV">Cape Verde</option>
                            <option value="KY">Cayman Islands</option>
                            <option value="TD">Chad</option>
                            <option value="CL">Chile</option>
                            <option value="C2">China Worldwide</option>
                            <option value="CO">Colombia</option>
                            <option value="KM">Comoros</option>
                            <option value="CK">Cook Islands</option>
                            <option value="CR">Costa Rica</option>
                            <option value="HR">Croatia</option>
                            <option value="CY">Cyprus</option>
                            <option value="CZ">Czech Republic</option>
                            <option value="CD">Democratic Republic of the Congo</option>
                            <option value="DK">Denmark</option>
                            <option value="DJ">Djibouti</option>
                            <option value="DM">Dominica</option>
                            <option value="DO">Dominican Republic</option>
                            <option value="EC">Ecuador</option>
                            <option value="EG">Egypt</option>
                            <option value="SV">El Salvador</option>
                            <option value="ER">Eritrea</option>
                            <option value="EE">Estonia</option>
                            <option value="ET">Ethiopia</option>
                            <option value="FK">Falkland Islands</option>
                            <option value="FO">Faroe Islands</option>
                            <option value="FJ">Fiji</option>
                            <option value="FI">Finland</option>
                            <option value="FR">France</option>
                            <option value="GF">French Guiana</option>
                            <option value="PF">French Polynesia</option>
                            <option value="GA">Gabon Republic</option>
                            <option value="GM">Gambia</option>
                            <option value="GE">Georgia</option>
                            <option value="DE">Germany</option>
                            <option value="GI">Gibraltar</option>
                            <option value="GR">Greece</option>
                            <option value="GL">Greenland</option>
                            <option value="GD">Grenada</option>
                            <option value="GP">Guadeloupe</option>
                            <option value="GT">Guatemala</option>
                            <option value="GN">Guinea</option>
                            <option value="GW">Guinea Bissau</option>
                            <option value="GY">Guyana</option>
                            <option value="HN">Honduras</option>
                            <option value="HK">Hong Kong</option>
                            <option value="HU">Hungary</option>
                            <option value="IS">Iceland</option>
                            <option value="IN">India</option>
                            <option value="ID">Indonesia</option>
                            <option value="IE">Ireland</option>
                            <option value="IL">Israel</option>
                            <option value="IT">Italy</option>
                            <option value="JM">Jamaica</option>
                            <option value="JP">Japan</option>
                            <option value="JO">Jordan</option>
                            <option value="KZ">Kazakhstan</option>
                            <option value="KE">Kenya</option>
                            <option value="KI">Kiribati</option>
                            <option value="KW">Kuwait</option>
                            <option value="KG">Kyrgyzstan</option>
                            <option value="LA">Laos</option>
                            <option value="LV">Latvia</option>
                            <option value="LS">Lesotho</option>
                            <option value="LI">Liechtenstein</option>
                            <option value="LT">Lithuania</option>
                            <option value="LU">Luxembourg</option>
                            <option value="MG">Madagascar</option>
                            <option value="MW">Malawi</option>
                            <option value="MY">Malaysia</option>
                            <option value="MV">Maldives</option>
                            <option value="ML">Mali</option>
                            <option value="MT">Malta</option>
                            <option value="MH">Marshall Islands</option>
                            <option value="MQ">Martinique</option>
                            <option value="MR">Mauritania</option>
                            <option value="MU">Mauritius</option>
                            <option value="YT">Mayotte</option>
                            <option value="MX">Mexico</option>
                            <option value="FM">Micronesia</option>
                            <option value="MN">Mongolia</option>
                            <option value="MS">Montserrat</option>
                            <option value="MA">Morocco</option>
                            <option value="MZ">Mozambique</option>
                            <option value="NA">Namibia</option>
                            <option value="NR">Nauru</option>
                            <option value="NP">Nepal</option>
                            <option value="NL">Netherlands</option>
                            <option value="AN">Netherlands Antilles</option>
                            <option value="NC">New Caledonia</option>
                            <option value="NZ">New Zealand</option>
                            <option value="NI">Nicaragua</option>
                            <option value="NE">Niger</option>
                            <option value="NU">Niue</option>
                            <option value="NF">Norfolk Island</option>
                            <option value="NO">Norway</option>
                            <option value="OM">Oman</option>
                            <option value="PW">Palau</option>
                            <option value="PA">Panama</option>
                            <option value="PG">Papua New Guinea</option>
                            <option value="PE">Peru</option>
                            <option value="PH">Philippines</option>
                            <option value="PN">Pitcairn Islands</option>
                            <option value="PL">Poland</option>
                            <option value="PT">Portugal</option>
                            <option value="QA">Qatar</option>
                            <option value="CG">Republic of the Congo</option>
                            <option value="RE">Reunion</option>
                            <option value="RO">Romania</option>
                            <option value="RU">Russia</option>
                            <option value="RW">Rwanda</option>
                            <option value="KN">Saint Kitts and Nevis Anguilla</option>
                            <option value="PM">Saint Pierre and Miquelon</option>
                            <option value="VC">Saint Vincent and Grenadines</option>
                            <option value="WS">Samoa</option>
                            <option value="SM">San Marino</option>
                            <option value="ST">São Tomé and Príncipe</option>
                            <option value="SA">Saudi Arabia</option>
                            <option value="SN">Senegal</option>
                            <option value="RS">Serbia</option>
                            <option value="SC">Seychelles</option>
                            <option value="SL">Sierra Leone</option>
                            <option value="SG">Singapore</option>
                            <option value="SK">Slovakia</option>
                            <option value="SI">Slovenia</option>
                            <option value="SB">Solomon Islands</option>
                            <option value="SO">Somalia</option>
                            <option value="ZA">South Africa</option>
                            <option value="KR">South Korea</option>
                            <option value="ES">Spain</option>
                            <option value="LK">Sri Lanka</option>
                            <option value="SH">St. Helena</option>
                            <option value="LC">St. Lucia</option>
                            <option value="SR">Suriname</option>
                            <option value="SJ">Svalbard and Jan Mayen Islands</option>
                            <option value="SZ">Swaziland</option>
                            <option value="SE">Sweden</option>
                            <option value="CH">Switzerland</option>
                            <option value="TW">Taiwan</option>
                            <option value="TJ">Tajikistan</option>
                            <option value="TZ">Tanzania</option>
                            <option value="TH">Thailand</option>
                            <option value="TG">Togo</option>
                            <option value="TO">Tonga</option>
                            <option value="TT">Trinidad and Tobago</option>
                            <option value="TN">Tunisia</option>
                            <option value="TR">Turkey</option>
                            <option value="TM">Turkmenistan</option>
                            <option value="TC">Turks and Caicos Islands</option>
                            <option value="TV">Tuvalu</option>
                            <option value="UG">Uganda</option>
                            <option value="UA">Ukraine</option>
                            <option value="AE">United Arab Emirates</option>
                            <option value="GB">United Kingdom</option>
                            <option value="US">United States</option>
                            <option value="UY">Uruguay</option>
                            <option value="VU">Vanuatu</option>
                            <option value="VA">Vatican City State</option>
                            <option value="VE">Venezuela</option>
                            <option value="VN">Vietnam</option>
                            <option value="VG">Virgin Islands (British)</option>
                            <option value="WF">Wallis and Futuna Islands</option>
                            <option value="YE">Yemen</option>
                            <option value="ZM">Zambia</option>
                          </select>
                          <i class="arrow double"></i>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section row">
                        <div class="col-md-3">
                          <label for="zip" class="field prepend-icon">
                            <input type="text" name="zip" id="zip" class="gui-input" placeholder="Zip">
                            <label for="zip" class="field-icon">
                              <i class="fa fa-certificate"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-4">
                          <label for="city" class="field prepend-icon">
                            <input type="text" name="city" id="city" class="gui-input" placeholder="City">
                            <label for="city" class="field-icon">
                              <i class="fa fa-building-o"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-5">
                          <label for="states" class="field select">
                            <select id="states" name="states">
                              <option value="">Choose state</option>
                              <option value="AL">Alabama</option>
                              <option value="AK">Alaska</option>
                              <option value="AZ">Arizona</option>
                              <option value="AR">Arkansas</option>
                              <option value="CA">California</option>
                              <option value="CO">Colorado</option>
                              <option value="CT">Connecticut</option>
                              <option value="DE">Delaware</option>
                              <option value="DC">District Of Columbia</option>
                              <option value="FL">Florida</option>
                              <option value="GA">Georgia</option>
                              <option value="HI">Hawaii</option>
                              <option value="ID">Idaho</option>
                              <option value="IL">Illinois</option>
                              <option value="IN">Indiana</option>
                              <option value="IA">Iowa</option>
                              <option value="KS">Kansas</option>
                              <option value="KY">Kentucky</option>
                              <option value="LA">Louisiana</option>
                              <option value="ME">Maine</option>
                              <option value="MD">Maryland</option>
                              <option value="MA">Massachusetts</option>
                              <option value="MI">Michigan</option>
                              <option value="MN">Minnesota</option>
                              <option value="MS">Mississippi</option>
                              <option value="MO">Missouri</option>
                              <option value="MT">Montana</option>
                              <option value="NE">Nebraska</option>
                              <option value="NV">Nevada</option>
                              <option value="NH">New Hampshire</option>
                              <option value="NJ">New Jersey</option>
                              <option value="NM">New Mexico</option>
                              <option value="NY">New York</option>
                              <option value="NC">North Carolina</option>
                              <option value="ND">North Dakota</option>
                              <option value="OH">Ohio</option>
                              <option value="OK">Oklahoma</option>
                              <option value="OR">Oregon</option>
                              <option value="PA">Pennsylvania</option>
                              <option value="RI">Rhode Island</option>
                              <option value="SC">South Carolina</option>
                              <option value="SD">South Dakota</option>
                              <option value="TN">Tennessee</option>
                              <option value="TX">Texas</option>
                              <option value="UT">Utah</option>
                              <option value="VT">Vermont</option>
                              <option value="VA">Virginia</option>
                              <option value="WA">Washington</option>
                              <option value="WV">West Virginia</option>
                              <option value="WI">Wisconsin</option>
                              <option value="WY">Wyoming</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end .col8 section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section">
                        <label class="field option">
                          <input type="checkbox" name="info" checked>
                          <span class="checkbox"></span>Save my information
                          <em class="small-text text-muted">(No worries, its secure)</em>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .panel-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Proceed to confirm</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end: .panel -->
              </div>
              <!-- end: .admin-form -->

              <!-- Registration 1 -->
              <div class="admin-form theme-danger tab-pane mw700" id="register1" role="tabpanel">
                <div class="panel panel-danger heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-pencil-square"></i>Create Account
                    </span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-register1">
                    <div class="panel-body p25">
                      <label for="names" class="field-label">Your names</label>
                      <div class="section row">
                        <div class="col-md-6">
                          <label for="firstname" class="field prepend-icon">
                            <input type="text" name="firstname" id="firstname" class="gui-input" placeholder="First name...">
                            <label for="firstname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="lastname" class="field prepend-icon">
                            <input type="text" name="lastname" id="lastname" class="gui-input" placeholder="Last name...">
                            <label for="lastname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end section row section -->

                      <div class="section">
                        <label for="username" class="field-label">Choose your username</label>
                        <div class="smart-widget sm-right smr-120">
                          <label for="username" class="field prepend-icon">
                            <input type="text" name="username" id="username" class="gui-input" placeholder="john-doe">
                            <label for="username" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                          <label for="username" class="button">.envato.com</label>
                        </div>
                        <!-- end .smart-widget section -->
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="password" class="field-label">Create a password</label>
                        <label for="password" class="field prepend-icon">
                          <input type="password" name="password" id="password" class="gui-input">
                          <label for="password" class="field-icon">
                            <i class="fa fa-lock"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="confirmPassword" class="field-label">Confirm your password</label>
                        <label for="confirmPassword" class="field prepend-icon">
                          <input type="password" name="confirmPassword" id="confirmPassword" class="gui-input">
                          <label for="confirmPassword" class="field-icon">
                            <i class="fa fa-unlock-alt"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <label for="birthday" class="field-label">Your birthday</label>
                      <div class="section row">
                        <div class="col-md-4">
                          <label for="month" class="field select">
                            <select id="month" name="month">
                              <option value="01">01 - Jan</option>
                              <option value="02">02 - Feb</option>
                              <option value="03">03 - Mar</option>
                              <option value="04">04 - Apr</option>
                              <option value="05">05 - May</option>
                              <option value="06">06 - Jun</option>
                              <option value="07">07 - Jul</option>
                              <option value="08">08 - Aug</option>
                              <option value="09">09 - Sep</option>
                              <option value="10">10 - Oct</option>
                              <option value="11">11 - Nov</option>
                              <option value="12">12 - Dec</option>
                            </select>
                            <i class="arrow double"></i>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-4">
                          <label for="day" class="field">
                            <input type="text" name="day" id="day" class="gui-input" placeholder="Day...">
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-4">
                          <label for="year" class="field">
                            <input type="text" name="year" id="year" class="gui-input" placeholder="Year...">
                          </label>
                        </div>
                        <!-- end section -->

                      </div>
                      <!-- end .section row section -->

                      <div class="section">
                        <label for="location" class="field-label">Location</label>
                        <label class="field select">
                          <select id="location" name="location">
                            <option value="">Select country...</option>
                            <option value="AL">Albania</option>
                            <option value="DZ">Algeria</option>
                            <option value="AD">Andorra</option>
                            <option value="AO">Angola</option>
                            <option value="AI">Anguilla</option>
                            <option value="AG">Antigua and Barbuda</option>
                            <option value="AR">Argentina</option>
                            <option value="AM">Armenia</option>
                            <option value="AW">Aruba</option>
                            <option value="AU">Australia</option>
                            <option value="AT">Austria</option>
                            <option value="AZ">Azerbaijan Republic</option>
                            <option value="BS">Bahamas</option>
                            <option value="BH">Bahrain</option>
                            <option value="BB">Barbados</option>
                            <option value="BE">Belgium</option>
                            <option value="BZ">Belize</option>
                            <option value="BJ">Benin</option>
                            <option value="BM">Bermuda</option>
                            <option value="BT">Bhutan</option>
                            <option value="BO">Bolivia</option>
                            <option value="BA">Bosnia and Herzegovina</option>
                            <option value="BW">Botswana</option>
                            <option value="BR">Brazil</option>
                            <option value="BN">Brunei</option>
                            <option value="BG">Bulgaria</option>
                            <option value="BF">Burkina Faso</option>
                            <option value="BI">Burundi</option>
                            <option value="KH">Cambodia</option>
                            <option value="CA">Canada</option>
                            <option value="CV">Cape Verde</option>
                            <option value="KY">Cayman Islands</option>
                            <option value="TD">Chad</option>
                            <option value="CL">Chile</option>
                            <option value="C2">China Worldwide</option>
                            <option value="CO">Colombia</option>
                            <option value="KM">Comoros</option>
                            <option value="CK">Cook Islands</option>
                            <option value="CR">Costa Rica</option>
                            <option value="HR">Croatia</option>
                            <option value="CY">Cyprus</option>
                            <option value="CZ">Czech Republic</option>
                            <option value="CD">Democratic Republic of the Congo</option>
                            <option value="DK">Denmark</option>
                            <option value="DJ">Djibouti</option>
                            <option value="DM">Dominica</option>
                            <option value="DO">Dominican Republic</option>
                            <option value="EC">Ecuador</option>
                            <option value="EG">Egypt</option>
                            <option value="SV">El Salvador</option>
                            <option value="ER">Eritrea</option>
                            <option value="EE">Estonia</option>
                            <option value="ET">Ethiopia</option>
                            <option value="FK">Falkland Islands</option>
                            <option value="FO">Faroe Islands</option>
                            <option value="FJ">Fiji</option>
                            <option value="FI">Finland</option>
                            <option value="FR">France</option>
                            <option value="GF">French Guiana</option>
                            <option value="PF">French Polynesia</option>
                            <option value="GA">Gabon Republic</option>
                            <option value="GM">Gambia</option>
                            <option value="GE">Georgia</option>
                            <option value="DE">Germany</option>
                            <option value="GI">Gibraltar</option>
                            <option value="GR">Greece</option>
                            <option value="GL">Greenland</option>
                            <option value="GD">Grenada</option>
                            <option value="GP">Guadeloupe</option>
                            <option value="GT">Guatemala</option>
                            <option value="GN">Guinea</option>
                            <option value="GW">Guinea Bissau</option>
                            <option value="GY">Guyana</option>
                            <option value="HN">Honduras</option>
                            <option value="HK">Hong Kong</option>
                            <option value="HU">Hungary</option>
                            <option value="IS">Iceland</option>
                            <option value="IN">India</option>
                            <option value="ID">Indonesia</option>
                            <option value="IE">Ireland</option>
                            <option value="IL">Israel</option>
                            <option value="IT">Italy</option>
                            <option value="JM">Jamaica</option>
                            <option value="JP">Japan</option>
                            <option value="JO">Jordan</option>
                            <option value="KZ">Kazakhstan</option>
                            <option value="KE">Kenya</option>
                            <option value="KI">Kiribati</option>
                            <option value="KW">Kuwait</option>
                            <option value="KG">Kyrgyzstan</option>
                            <option value="LA">Laos</option>
                            <option value="LV">Latvia</option>
                            <option value="LS">Lesotho</option>
                            <option value="LI">Liechtenstein</option>
                            <option value="LT">Lithuania</option>
                            <option value="LU">Luxembourg</option>
                            <option value="MG">Madagascar</option>
                            <option value="MW">Malawi</option>
                            <option value="MY">Malaysia</option>
                            <option value="MV">Maldives</option>
                            <option value="ML">Mali</option>
                            <option value="MT">Malta</option>
                            <option value="MH">Marshall Islands</option>
                            <option value="MQ">Martinique</option>
                            <option value="MR">Mauritania</option>
                            <option value="MU">Mauritius</option>
                            <option value="YT">Mayotte</option>
                            <option value="MX">Mexico</option>
                            <option value="FM">Micronesia</option>
                            <option value="MN">Mongolia</option>
                            <option value="MS">Montserrat</option>
                            <option value="MA">Morocco</option>
                            <option value="MZ">Mozambique</option>
                            <option value="NA">Namibia</option>
                            <option value="NR">Nauru</option>
                            <option value="NP">Nepal</option>
                            <option value="NL">Netherlands</option>
                            <option value="AN">Netherlands Antilles</option>
                            <option value="NC">New Caledonia</option>
                            <option value="NZ">New Zealand</option>
                            <option value="NI">Nicaragua</option>
                            <option value="NE">Niger</option>
                            <option value="NU">Niue</option>
                            <option value="NF">Norfolk Island</option>
                            <option value="NO">Norway</option>
                            <option value="OM">Oman</option>
                            <option value="PW">Palau</option>
                            <option value="PA">Panama</option>
                            <option value="PG">Papua New Guinea</option>
                            <option value="PE">Peru</option>
                            <option value="PH">Philippines</option>
                            <option value="PN">Pitcairn Islands</option>
                            <option value="PL">Poland</option>
                            <option value="PT">Portugal</option>
                            <option value="QA">Qatar</option>
                            <option value="CG">Republic of the Congo</option>
                            <option value="RE">Reunion</option>
                            <option value="RO">Romania</option>
                            <option value="RU">Russia</option>
                            <option value="RW">Rwanda</option>
                            <option value="KN">Saint Kitts and Nevis Anguilla</option>
                            <option value="PM">Saint Pierre and Miquelon</option>
                            <option value="VC">Saint Vincent and Grenadines</option>
                            <option value="WS">Samoa</option>
                            <option value="SM">San Marino</option>
                            <option value="ST">São Tomé and Príncipe</option>
                            <option value="SA">Saudi Arabia</option>
                            <option value="SN">Senegal</option>
                            <option value="RS">Serbia</option>
                            <option value="SC">Seychelles</option>
                            <option value="SL">Sierra Leone</option>
                            <option value="SG">Singapore</option>
                            <option value="SK">Slovakia</option>
                            <option value="SI">Slovenia</option>
                            <option value="SB">Solomon Islands</option>
                            <option value="SO">Somalia</option>
                            <option value="ZA">South Africa</option>
                            <option value="KR">South Korea</option>
                            <option value="ES">Spain</option>
                            <option value="LK">Sri Lanka</option>
                            <option value="SH">St. Helena</option>
                            <option value="LC">St. Lucia</option>
                            <option value="SR">Suriname</option>
                            <option value="SJ">Svalbard and Jan Mayen Islands</option>
                            <option value="SZ">Swaziland</option>
                            <option value="SE">Sweden</option>
                            <option value="CH">Switzerland</option>
                            <option value="TW">Taiwan</option>
                            <option value="TJ">Tajikistan</option>
                            <option value="TZ">Tanzania</option>
                            <option value="TH">Thailand</option>
                            <option value="TG">Togo</option>
                            <option value="TO">Tonga</option>
                            <option value="TT">Trinidad and Tobago</option>
                            <option value="TN">Tunisia</option>
                            <option value="TR">Turkey</option>
                            <option value="TM">Turkmenistan</option>
                            <option value="TC">Turks and Caicos Islands</option>
                            <option value="TV">Tuvalu</option>
                            <option value="UG">Uganda</option>
                            <option value="UA">Ukraine</option>
                            <option value="AE">United Arab Emirates</option>
                            <option value="GB">United Kingdom</option>
                            <option value="US">United States</option>
                            <option value="UY">Uruguay</option>
                            <option value="VU">Vanuatu</option>
                            <option value="VA">Vatican City State</option>
                            <option value="VE">Venezuela</option>
                            <option value="VN">Vietnam</option>
                            <option value="VG">Virgin Islands (British)</option>
                            <option value="WF">Wallis and Futuna Islands</option>
                            <option value="YE">Yemen</option>
                            <option value="ZM">Zambia</option>
                          </select>
                          <i class="arrow double"></i>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="gender" class="field-label">Gender</label>
                        <label class="field select">
                          <select id="gender" name="gender">
                            <option value="">I am...</option>
                            <option value="male">Male</option>
                            <option value="female">Female</option>
                            <option value="other">Other</option>
                          </select>
                          <i class="arrow double"></i>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="email" class="field-label">Your email address</label>
                        <label for="email" class="field prepend-icon">
                          <input type="email" name="email" id="email" class="gui-input" placeholder="example@domain.com...">
                          <label for="email" class="field-icon">
                            <i class="fa fa-envelope"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="mobile" class="field-label">Mobile phone</label>
                        <label for="mobile" class="field prepend-icon">
                          <input type="tel" name="mobile" id="mobile" class="gui-input" placeholder="+256">
                          <label for="mobile" class="field-icon">
                            <i class="fa fa-phone-square"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="verify" class="field-label">Prove you're not a robot</label>
                        <div class="smart-widget sm-left sml-80">
                          <label for="verify" class="field prepend-icon">
                            <input type="text" name="verify" id="verify" class="gui-input" placeholder="Enter captcha">
                            <label for="verify" class="field-icon">
                              <i class="fa fa-shield"></i>
                            </label>
                          </label>
                          <label for="verify" class="button">4 + 12</label>
                        </div>
                        <!-- end .smart-widget section -->
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label class="option">
                          <input type="checkbox" name="check1">
                          <span class="checkbox mr10"></span>Agree to our
                          <a href="#" class="theme-link"> terms of service </a>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Create Account</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

              <!-- Registration 2 -->
              <div class="admin-form theme-danger tab-pane mw800" id="register2" role="tabpanel">
                <div class="panel panel-danger heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-pencil-square"></i>Registration form
                    </span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-register2">
                    <div class="panel-body p25">
                      <div class="section-divider mt10 mb40">
                        <span>Set up your account</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section row">
                        <div class="col-md-6">
                          <label for="firstname" class="field prepend-icon">
                            <input type="text" name="firstname" id="firstname" class="gui-input" placeholder="First name...">
                            <label for="firstname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->

                        <div class="col-md-6">
                          <label for="lastname" class="field prepend-icon">
                            <input type="text" name="lastname" id="lastname" class="gui-input" placeholder="Last name...">
                            <label for="lastname" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                        </div>
                        <!-- end section -->
                      </div>
                      <!-- end .section row section -->

                      <div class="section">
                        <label for="email" class="field prepend-icon">
                          <input type="email" name="email" id="email" class="gui-input" placeholder="Email address">
                          <label for="email" class="field-icon">
                            <i class="fa fa-envelope"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <div class="smart-widget sm-right smr-120">
                          <label for="username" class="field prepend-icon">
                            <input type="text" name="username" id="username" class="gui-input" placeholder="Choose your username">
                            <label for="username" class="field-icon">
                              <i class="fa fa-user"></i>
                            </label>
                          </label>
                          <label for="username" class="button">.envato.com</label>
                        </div>
                        <!-- end .smart-widget section -->
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="password" class="field prepend-icon">
                          <input type="text" name="password" id="password" class="gui-input" placeholder="Create a password">
                          <label for="password" class="field-icon">
                            <i class="fa fa-lock"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section">
                        <label for="confirmPassword" class="field prepend-icon">
                          <input type="text" name="confirmPassword" id="confirmPassword" class="gui-input" placeholder="Retype your password">
                          <label for="confirmPassword" class="field-icon">
                            <i class="fa fa-unlock-alt"></i>
                          </label>
                        </label>
                      </div>
                      <!-- end section -->

                      <div class="section-divider mv40">
                        <span>7 days free trial</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section">
                        <label class="option block">
                          <input type="checkbox" name="trial">
                          <span class="checkbox mr10"></span>Sign me up for a
                          <a href="#" class="theme-link"> 7-day free PRO trial. </a>
                        </label>
                        <label class="option block mt10">
                          <input type="checkbox" name="terms">
                          <span class="checkbox mr10"></span>I agree to the
                          <a href="#" class="theme-link"> terms of use. </a>
                        </label>
                      </div>
                      <!-- end section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">I Accept - Create Account</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

              <!-- Small Survey -->
              <div class="admin-form theme-alert tab-pane mw800" id="survey1" role="tabpanel">
                <div class="panel panel-alert heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-comments"></i> Simple survey</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-survey1">
                    <div class="panel-body p25">
                      <div class="section-divider mt10 mb40">
                        <span>Personal Details</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section row">
                        <div class="col-md-6">
                          <div class="section">
                            <label for="names" class="field-label">Your names</label>
                            <label for="names" class="field prepend-icon">
                              <input type="text" name="names" id="names" class="gui-input" placeholder="Enter first name...">
                              <label for="names" class="field-icon">
                                <i class="fa fa-user"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="othernames" class="field-label">Other names</label>
                            <label for="othernames" class="field prepend-icon">
                              <input type="text" name="othernames" id="othernames" class="gui-input" placeholder="Enter other name...">
                              <label for="othernames" class="field-icon">
                                <i class="fa fa-user"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="email" class="field-label">Your email address</label>
                            <label for="email" class="field prepend-icon">
                              <input type="email" name="email" id="email" class="gui-input" placeholder="Enter Email...">
                              <label for="email" class="field-icon">
                                <i class="fa fa-envelope"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-6">
                          <div class="section">
                            <label for="mobile" class="field-label">Telephone / mobile</label>
                            <label for="mobile" class="field prepend-icon">
                              <input type="tel" name="mobile" id="mobile" class="gui-input" placeholder="Enter mobile">
                              <label for="mobile" class="field-icon">
                                <i class="fa fa-phone-square"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="firstaddr" class="field-label">Street address</label>
                            <label for="firstaddr" class="field prepend-icon">
                              <input type="text" name="firstaddr" id="firstaddr" class="gui-input" placeholder="Street address">
                              <label for="firstaddr" class="field-icon">
                                <i class="fa fa-map-marker"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="city" class="field-label">Home city</label>
                            <label for="city" class="field prepend-icon">
                              <input type="text" name="city" id="city" class="gui-input" placeholder="City">
                              <label for="city" class="field-icon">
                                <i class="fa fa-building-o"></i>
                              </label>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                      </div>
                      <!-- end .section row section -->

                      <div class="section-divider mv40">
                        <span>Our services</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section row">
                        <div class="col-md-4">
                          <label class="option block">
                            <input type="checkbox" name="service" value="marketing">
                            <span class="checkbox"></span>Marketing</label>
                          <label class="option block mt10">
                            <input type="checkbox" name="service" value="motion">
                            <span class="checkbox"></span>Motion graphics</label>
                          <label class="option block mt10">
                            <input type="checkbox" name="service" value="videos">
                            <span class="checkbox"></span>Videography</label>
                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-4">
                          <label class="option block">
                            <input type="checkbox" name="service" value="webdesign">
                            <span class="checkbox"></span>Webdesign</label>
                          <label class="option block mt10">
                            <input type="checkbox" name="service" value="webhosting">
                            <span class="checkbox"></span>Web hosting</label>
                          <label class="option block mt10">
                            <input type="checkbox" name="service" value="wordpress">
                            <span class="checkbox"></span>Wordpress CMS</label>
                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-4">
                          <label class="option block">
                            <input type="checkbox" name="service" value="apps">
                            <span class="checkbox"></span>Mobile apps</label>
                          <label class="option block mt10">
                            <input type="checkbox" name="service" value="info">
                            <span class="checkbox"></span>Infographics</label>
                          <label class="option block mt10">
                            <input type="checkbox" name="service" value="icons">
                            <span class="checkbox"></span>Icon design</label>
                        </div>
                        <!-- end .colm section -->

                      </div>
                      <!-- end .section row section -->

                      <div class="section-divider mv40">
                        <span>How can we reach you</span>
                      </div>
                      <!-- .section-divider -->

                      <div class="section">
                        <div class="option-group field">
                          <label for="tv" class="option">
                            <input type="radio" name="reach" id="tv" value="tv">
                            <span class="radio"></span>Television</label>
                          <label for="int" class="option">
                            <input type="radio" name="reach" id="int" value="int">
                            <span class="radio"></span>Internet</label>
                          <label for="paper" class="option">
                            <input type="radio" name="reach" id="paper" value="paper">
                            <span class="radio"></span>Newspaper</label>
                          <label for="radios" class="option">
                            <input type="radio" name="reach" id="radios" value="radios">
                            <span class="radio"></span>Radio</label>
                          <label for="othermedia" class="option">
                            <input type="radio" name="reach" id="othermedia" value="othermedia">
                            <span class="radio"></span>Other media</label>
                        </div>
                      </div>
                      <!-- end .section section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Submit</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

              <!-- Project Quote -->
              <div class="admin-form theme-warning tab-pane" id="quote1" role="tabpanel">
                <div class="panel panel-warning heading-border">
                  <div class="panel-heading">
                    <span class="panel-title">
                      <i class="fa fa-tachometer"></i>Project quote</span>
                  </div>
                  <!-- end .form-header section -->

                  <form method="post" action="/" id="form-quote1">
                    <div class="panel-body p25">
                      <div class="section row">
                        <div class="col-md-4">
                          <div class="section">
                            <label for="fullname" class="field-label">Full name</label>
                            <label for="fullname" class="field">
                              <input type="text" name="fullname" id="fullname" class="gui-input">
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="company" class="field-label">Company name</label>
                            <label for="company" class="field">
                              <input type="text" name="company" id="company" class="gui-input">
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="email" class="field-label">Email address</label>
                            <label for="email" class="field">
                              <input type="email" name="email" id="email" class="gui-input">
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-4">
                          <div class="section">
                            <label for="projectname" class="field-label">Project name</label>
                            <label for="projectname" class="field">
                              <input type="text" name="projectname" id="projectname" class="gui-input">
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="website" class="field-label">Current website url</label>
                            <label for="website" class="field">
                              <input type="url" name="website" id="website" class="gui-input">
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="likewebsite" class="field-label">Websites you like</label>
                            <label for="likewebsite" class="field">
                              <input type="text" name="likewebsite" id="likewebsite" class="gui-input" placeholder="Seperate with comas">
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                        <div class="col-md-4">
                          <div class="section">
                            <label for="budget" class="field-label">Project budget</label>
                            <label class="field select">
                              <select id="budget" name="budget">
                                <option value="">Select budget...</option>
                                <option value="500-1000">$500 - $1000</option>
                                <option value="1000-2000">$1000 - $2000</option>
                                <option value="2000-4000">$2000 - $4000</option>
                                <option value="5000+">$5000+</option>
                              </select>
                              <i class="arrow double"></i>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="timeframe" class="field-label">Project time frame</label>
                            <label class="field select">
                              <select id="timeframe" name="timeframe">
                                <option value="">Select time frame...</option>
                                <option value="1week">1 Week</option>
                                <option value="2week">2 Weeks</option>
                                <option value="3week">3 Weeks</option>
                                <option value="4week">4 Weeks</option>
                              </select>
                              <i class="arrow double"></i>
                            </label>
                          </div>
                          <!-- end section -->

                          <div class="section">
                            <label for="services" class="field-label">Services required</label>
                            <label class="field select">
                              <select id="services" name="services">
                                <option value="">Choose a service...</option>
                                <option value="webdesign">Web design</option>
                                <option value="wordpress">Wordpress</option>
                                <option value="identity">Corporate identity</option>
                                <option value="cms">Custom CMS</option>
                              </select>
                              <i class="arrow double"></i>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->

                      </div>
                      <!-- end .section row section -->

                      <div class="section row">
                        <div class="col-md-8">
                          <div class="section">
                            <label for="details" class="field-label">Project details</label>
                            <label for="details" class="field">
                              <textarea class="gui-textarea" id="details" name="details"></textarea>
                              <span class="input-footer">
                                <strong>Hint:</strong>A maxmum of 3000 words.</span>
                            </label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->
                        <div class="col-md-4">
                          <div class="mb10">
                            <label class="field-label">Services required</label>
                          </div>
                          <div class="section">
                            <label class="option block mb10">
                              <input type="checkbox" name="webdesign">
                              <span class="checkbox"></span>Webdesign &amp; Info</label>
                            <label class="option block mb10">
                              <input type="checkbox" name="wordpress">
                              <span class="checkbox"></span>Wordpress Setup</label>
                            <label class="option block mb10">
                              <input type="checkbox" name="identity">
                              <span class="checkbox"></span>Corporate Branding</label>
                            <label class="option block">
                              <input type="checkbox" name="html">
                              <span class="checkbox"></span>HTML5 &amp; CSS3</label>
                          </div>
                          <!-- end section -->

                        </div>
                        <!-- end .colm section -->
                      </div>
                      <!-- end .section row section -->

                    </div>
                    <!-- end .form-body section -->
                    <div class="panel-footer">
                      <button type="submit" class="button btn-primary">Receive Quote</button>
                    </div>
                    <!-- end .form-footer section -->
                  </form>
                </div>
                <!-- end .admin-form section -->
              </div>
              <!-- end: .admin-form -->

            </div>

          </div>
        </div>
        <!-- end: .tray-center -->

        <!-- begin: .tray-right -->
        <aside class="tray tray-right tray320">

          <h4> AdminForms - <small>A Theme Exclusive!</small> </h4>
          <ul class="icon-list">
            <li>
              <i class="fa fa-exclamation-circle text-warning fa-lg pr10"></i>
              <b> Author:</b> Admin Designs
            </li>
            <li>
              <i class="fa fa-exclamation-circle text-warning fa-lg pr10"></i>
              <b> License:</b> CC - Commercial 3.0
            </li>
            <li>
              <i class="fa fa-exclamation-circle text-warning fa-lg pr10"></i>
              <b> Info:</b>
              <a href="http://www.themeforest.net/user/AdminDesigns"> www.admindesigns.com </a>
            </li>
          </ul>

          <div class="row">
            <div class="col-xs-4 pr5">
              <a href="#form-tab3" data-toggle="tab" class="btn btn-primary btn-block ph5 br0 animation-nav">Account</a>
            </div>
            <div class="col-xs-4 ph5">
              <a href="#form-tab1" data-toggle="tab" class="btn btn-default btn-block ph5 br0
                              animation-nav">Ecommerce</a>
            </div>
            <div class="col-xs-4 pl5">
              <a href="#form-tab2" data-toggle="tab" class="btn btn-default btn-block ph5 br0 animation-nav">Contact</a>
            </div>
          </div>

          <div class="tray-bin stretch btn-dimmer mt20">

            <div class="tab-content pn br-n bg-none admin-form-list">

              <div id="form-tab1" class="tab-pane">
                <ul id="form-list1" class="nav list-unstyled" role="tablist">

                  <li class="nav-label mtn">Ecommerce Forms</li>
                  <li>
                    <a class="btn btn-warning btn-gradient btn-alt btn-block" href="#quote1" role="tab" data-toggle="tab"> Product Quote</a>
                  </li>
                  <li>
                    <a class="btn btn-info btn-gradient btn-alt btn-block" href="#feedback1" role="tab" data-toggle="tab"> Feedback</a>
                  </li>
                  <li>
                    <a class="btn btn-alert btn-gradient btn-alt btn-block" href="#survey1" role="tab" data-toggle="tab"> Small Survey</a>
                  </li>

                  <li class="nav-label">Order Forms</li>
                  <li>
                    <a class="btn btn-success btn-gradient btn-alt btn-block" href="#order1" role="tab" data-toggle="tab"> Order 1</a>
                  </li>
                  <li>
                    <a class="btn btn-success btn-gradient btn-alt btn-block" href="#order2" role="tab" data-toggle="tab"> Order 2</a>
                  </li>
                  <li>
                    <a class="btn btn-success btn-gradient btn-alt btn-block" href="#order3" role="tab" data-toggle="tab"> Order 3</a>
                  </li>

                </ul>
              </div>

              <div id="form-tab2" class="tab-pane">
                <ul id="form-list2" class="nav list-unstyled" role="tablist">

                  <li class="nav-label mtn">Contact Forms</li>
                  <li>
                    <a class="btn btn-info btn-gradient btn-alt btn-block" href="#contact1" role="tab" data-toggle="tab"> Contact 1</a>
                  </li>
                  <li>
                    <a class="btn btn-info btn-gradient btn-alt btn-block" href="#contact2" role="tab" data-toggle="tab"> Contact 2</a>
                  </li>
                  <li>
                    <a class="btn btn-info btn-gradient btn-alt btn-block" href="#contact3" role="tab" data-toggle="tab"> Contact 3</a>
                  </li>

                  <li class="nav-label">Comment Forms</li>
                  <li>
                    <a class="btn btn-primary btn-gradient btn-alt btn-block item-active" href="#comment1" role="tab" data-toggle="tab"> Comment 1</a>
                  </li>
                  <li>
                    <a class="btn btn-primary btn-gradient btn-alt btn-block" href="#comment2" role="tab" data-toggle="tab"> Comment 2</a>
                  </li>

                </ul>
              </div>

              <div id="form-tab3" class="tab-pane active">
                <ul id="form-list3" class="nav list-unstyled" role="tablist">

                  <li class="nav-label mtn">Login Forms</li>
                  <li>
                    <a class="btn btn-primary btn-gradient btn-alt btn-block" href="#login1" role="tab" data-toggle="tab"> Login 1</a>
                  </li>
                  <li>
                    <a class="btn btn-primary btn-gradient btn-alt btn-block item-active" href="#login2" role="tab" data-toggle="tab"> Login 2</a>
                  </li>

                  <li class="nav-label">Registration Forms</li>
                  <li>
                    <a class="btn btn-danger btn-gradient btn-alt btn-block" href="#register1" role="tab" data-toggle="tab"> Registration 1</a>
                  </li>
                  <li>
                    <a class="btn btn-danger btn-gradient btn-alt btn-block" href="#register2" role="tab" data-toggle="tab"> Registration 2</a>
                  </li>

                </ul>
              </div>

            </div>

          </div>
  

        </aside>
        <!-- end: .tray-right -->

      </section>
      <!-- End: Content -->

    </section>

    <!-- Start: Right Sidebar -->
    <aside id="sidebar_right" class="nano affix">

      <!-- Start: Sidebar Right Content -->
      <div class="sidebar-right-content nano-content p15">
          <h5 class="title-divider text-muted mb20"> Server Statistics
            <span class="pull-right"> 2013
              <i class="fa fa-caret-down ml5"></i>
            </span>
          </h5>
          <div class="progress mh5">
            <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 44%">
              <span class="fs11">DB Request</span>
            </div>
          </div>
          <div class="progress mh5">
            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 84%">
              <span class="fs11 text-left">Server Load</span>
            </div>
          </div>
          <div class="progress mh5">
            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 61%">
              <span class="fs11 text-left">Server Connections</span>
            </div>
          </div>
          <h5 class="title-divider text-muted mt30 mb10">Traffic Margins</h5>
          <div class="row">
            <div class="col-xs-5">
              <h3 class="text-primary mn pl5">132</h3>
            </div>
            <div class="col-xs-7 text-right">
              <h3 class="text-success-dark mn">
                <i class="fa fa-caret-up"></i> 13.2% </h3>
            </div>
          </div>
          <h5 class="title-divider text-muted mt25 mb10">Database Request</h5>
          <div class="row">
            <div class="col-xs-5">
              <h3 class="text-primary mn pl5">212</h3>
            </div>
            <div class="col-xs-7 text-right">
              <h3 class="text-success-dark mn">
                <i class="fa fa-caret-up"></i> 25.6% </h3>
            </div>
          </div>
          <h5 class="title-divider text-muted mt25 mb10">Server Response</h5>
          <div class="row">
            <div class="col-xs-5">
              <h3 class="text-primary mn pl5">82.5</h3>
            </div>
            <div class="col-xs-7 text-right">
              <h3 class="text-danger mn">
                <i class="fa fa-caret-down"></i> 17.9% </h3>
            </div>
          </div>
          <h5 class="title-divider text-muted mt40 mb20"> Server Statistics
            <span class="pull-right text-primary fw600">USA</span>
          </h5>
        </div>
        
    </aside>
    <!-- End: Right Sidebar -->

  </div>
  <!-- End: Main -->

  <style>
  /* demo page styles */
  .admin-form .panel.heading-border:before,
  .admin-form .panel .heading-border:before {
    transition: all 0.7s ease;
  }
  </style>

  <!-- BEGIN: PAGE SCRIPTS -->

  <!-- jQuery -->
  <script src="vendor/jquery/jquery-1.11.1.min.js"></script>
  <script src="vendor/jquery/jquery_ui/jquery-ui.min.js"></script>

  <!-- Theme Javascript -->
  <script src="assets/js/utility/utility.js"></script>
  <script src="assets/js/demo/demo.js"></script>
  <script src="assets/js/main.js"></script>
  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";

    // Init Theme Core    
    Core.init();

    // Init Demo JS  
    Demo.init();

    // Demo code - active navigation btns
    $('.animation-nav').click(function() {
      $('.animation-nav').removeClass('btn-primary').addClass('btn-default');
      $(this).addClass('btn-primary');
    });

    // Form switcher nav
    var formSwitches = $('.admin-form-list a');
    formSwitches.on('click', function() {
      formSwitches.removeClass('item-active');
      $(this).addClass('item-active')

      if ($(this).attr('href') === "#contact3") {
        setTimeout(function() {
          initialize();
        }, 100);
      }

    });

  });
  </script>
  <!-- END: PAGE SCRIPTS -->

</body>

</html>
